.
Italiano English Espanol



Sandbox

Da Wiz-Life+.

(Creata pagina con '<ul class="ppt"> <li><img src="ethernet.jpg" alt="Ethernet Cable"></img></li> <li><img src="glasses.jpg" alt="Spectacles"></img></li> <li><img src="pisa.jpg" alt="Leaning Towe...')
Riga 4: Riga 4:
<li><img src="pisa.jpg" alt="Leaning Tower of Pisa"></img></li>
<li><img src="pisa.jpg" alt="Leaning Tower of Pisa"></img></li>
</ul>
</ul>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$('.ppt li:gt(0)').hide();
 +
$('.ppt li:last').addClass('last');
 +
var cur = $('.ppt li:first');
 +
 +
function animate() {
 +
cur.fadeOut( 1000 );
 +
if ( cur.attr('class') == 'last' )
 +
cur = $('.ppt li:first');
 +
else
 +
cur = cur.next();
 +
cur.fadeIn( 1000 );
 +
}
 +
 +
$(function() {
 +
setInterval( "animate()", 5000 );
 +
} );
 +
</script>

Versione delle 14:45, 6 giu 2011

  • <img src="ethernet.jpg" alt="Ethernet Cable"></img>
  • <img src="glasses.jpg" alt="Spectacles"></img>
  • <img src="pisa.jpg" alt="Leaning Tower of Pisa"></img>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $('.ppt li:gt(0)').hide(); $('.ppt li:last').addClass('last'); var cur = $('.ppt li:first');

function animate() { cur.fadeOut( 1000 ); if ( cur.attr('class') == 'last' ) cur = $('.ppt li:first'); else cur = cur.next(); cur.fadeIn( 1000 ); }

$(function() { setInterval( "animate()", 5000 ); } ); </script>



Estratto da "http://www.wiz-life.eu/index.php?title=Sandbox"