So implementieren Sie Karussell in PHPCMS-PHPCMS-php.cn

So implementieren Sie Karussell in PHPCMS

藏色散人

Freigeben： 2020-07-21 09:59:21

Original

3334 Leute haben es durchsucht

So implementieren Sie ein Karussell in PHPCMS: Fügen Sie zuerst „
...
“ hinzu, wo Sie ein Karussellbild hinzufügen möchten Nehmen Sie Änderungen vor. Fügen Sie schließlich den js-Code hinzu, an dem das Karussell implementiert werden muss.

So implementieren Sie Karussell in PHPCMS

Phpcms-Homepage zum Implementieren von Karussellbildern

1. Fügen Sie Folgendes hinzu:

, wo Sie Karussellbilder hinzufügen möchten

Da diese Fokus-Diashow etwas Besonderes ist, müssen das Bild und der Text zweimal aufgerufen werden. Wenn Sie Inhalte im Hintergrund hinzufügen, müssen Sie außerdem die Empfehlung für das Fokusbild der Startseite überprüfen und können es dann zur Startseite hinzufügen

Empfehlung: „ phpcms-Tutorial 》

2. Natürlich kann der CSS-Stil hier nach Ihren eigenen Bedürfnissen geändert werden. Ich werde den CSS-Code nicht veröffentlichen Hier. Um das Karussell zu implementieren, müssen Sie den folgenden js-Code hinzufügen

<div id="flowDiagram" >
          <div id="button">
            <span index="1" class="on"></span>
            <span index="2"></span>
            <span index="3"></span>
            <span index="4"></span>
              <span index="5"></span>
          </div>
          <div id="photo" style="left:-1200px;">
        <div>
           {pc:content  action="position" posid="1" thumb="1" order="listorder DESC" num="5"}
        {loop $data $r}
        <div ><a href="{$r[url]}" target="_blank" title="{$r[title]}"><img src="{thumb($r[thumb],1200,320)}"   style="max-width:90%" alt="{$r[title]}" /></a></div>
        {/loop}
        {/pc}
        <ul>
        {pc:content  action="lists" catid="" thumb="1" order="listorder DESC" num="5"}
        {loop $data $r}
        <li><a href="{$r[url]}" target="_blank" title="{$r[title]}">{str_cut($r[title],20)}</a></li>
        {/loop}
        {/pc}
        </ul>
        <div></div>
        </div>
        </div>
<span id="pre" class="arrow"> <</span>
<span id="next" class="arrow">> </span>
    </div>

Nach dem Login kopieren

Endeffekt

So implementieren Sie Karussell in PHPCMS

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Karussell in PHPCMS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!