Garth

Jednoduchá rotace obrázků přes jQuery.

Když se řekne "rotace obrázků", či "slider" tak člověka hned napadnou komplexní velké pluginy s množstvím kódu, nastavení a efektů. Pro mnoho situací to však lze řešit velmi jednoduše. Jak na to?

//jQuery cast
var images = new Array ('test1.png', 'test2.png', 'test3.png');
var index = 1;
 
function rotateImage()
{
  $('#myImage').fadeOut('fast', function()
  {
    $(this).attr('src', images[index]);
    
    $(this).fadeIn('fast', function()
    {
      if (index == images.length-1)
      {
        index = 0;
      }
      else
      {
        index++;
      }
    });
  });
}
 
$(document).ready(function()
{
  setInterval (rotateImage, 2500);
});


//HTML cast
image test

Lorem ipsum dolor sit amet, consectetur adipisicing elit...


<< zpět




Nejnovější články