Rotujúci banner v jQuery
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,…
