Category: jQuery

$(document).ready(function(){ $('#photos_inner').toggle(function(){ var scrollAmount = $(this).width()-$(this).parent().width(); $(this).animate({'left':'-='+scrollAmount},'slow'); },function(){ $(this).animate({'left':'0'},'slow'); }); }); #photos { overflow: hidden; width: 600px; } #photos_inner { height: 100px; width: 1500px; overflow: hidden; position: relative; } #photos_inner…

ไม่ support IE 6 $(document).ready(function(){ $('#photos').cycle({ fx:'shuffle' //เปลี่ยนได้ shuffle,zoom, fade,turnDown,curtainX,scrollRight }); }); /* * jQuery Cycle Plugin (with Transition Definitions) * Examples and documentation at: http://jquery.malsup.com/cycle/ * Copyright (c) 2007-2009…

$(document).ready(function(){ $('#news ul').innerfade({ animationtype:'slide', speed:750, timeout:3000, type:'random' }); }); /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 // Firma: Medienfreunde Hofmann & Baldes GbR // Author: Torsten Baldes // Mail: t.baldes@medienfreunde.com…

$(document).ready(function(){ rotatePics(1); }); function rotatePics(currentPhoto){ var numberOfPhoto=$('#photos img').length; currentPhoto=currentPhoto % numberOfPhoto; $('#photos img').eq(currentPhoto).fadeOut(function(){ $('#photos img').each(function(i){ $(this).css( 'zIndex',((numberOfPhoto-i)+currentPhoto) % numberOfPhoto ); }); $(this).show(); setTimeout(function(){rotatePics(++currentPhoto);},4000); }); } #photos img { position: absolute;…