Foros del Web - Ver Mensaje Individual

newboy_master · #4 (**permalink**) 09/11/2013, 14:33

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(document).ready(function(){
 
    $('#pero').css('position','relative');
    $('#pero img').css('position','absolute',"left","0","top","0");
    $('#pero img:gt(0)').hide();
    setInterval(function(){
      $('#pero :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('#pero');}, 
      3000); // 3 segundos para cada cambio
 
});
</script>
 
</head>
<body>
 
    <div id="pero">
        <img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash2/s720x720/550495_10151519797586535_1122262093_n.jpg" />
        <img src="https://scontent-a-ord.xx.fbcdn.net/hphotos-prn1/s720x720/64118_10151519797606535_292392359_n.jpg" />
        <img src="https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-frc3/s720x720/486092_10151519797201535_681827113_n.jpg" />
        <img src="https://scontent-b-ord.xx.fbcdn.net/hphotos-frc1/s720x720/421824_10151519798731535_830268676_n.jpg" />
    </div>
 
</body>
 
</html>