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,…


Zanechať komentár

Vaša e-mailová adresa nebude zverejnená. Vyžadované polia sú označené *