Včera som písal, že som pomocou jQuery robil rotujúci banner. Vytvoriť takýto banner v Javascripte nie je s pluginom jQuery Cycle Plugin žiadny problém.
Tu uvediem len jednoduchý príklad. Viac si toho môžete pozrieť priamo na stránke pluginu.
<ul id="cycle-example">
<li>Prva položka</li>
<li>Druhá položka</li>
<li>Tretia položka</li>
</ul>
<script type="text/javascript">
jQuery(document).ready( function($) {
$('#cycle-example').cycle('scrollLeft');
});
</script>
A tu je výsledok:
- Prvá položka
- Druhá položka
- Tretia položka
Ako vidíte je to veľmi jednoduché… Môžete to aplikovať na akýkoľvek HTML element, ktorý obsahuje iné HTML elementy, čiže môžete rotovať čo len chcete, či už obrázky, text,…
Pridaj komentár