So implementieren Sie Karussell in PHPCMS

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.

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>

Endeffekt

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!