jQuery Forum

<style type="text/css">

ul li img{

position: absolute;

top: 370px;

left: 350px;

}

#info{

position: absolute;

left: 380px;

top: 780px;

}

  </style>

  <script type="text/javascript">

var actPic = randomBetween(0, 2);

$('ul li').css({display:"none"});

showPic();

function randomBetween(minVal,maxVal)

{

var randVal = minVal+(Math.random()*(maxVal-minVal));

return Math.round(randVal);

}

function showPic(){

var nextPic = randomBetween(0, 2);

while(nextPic == actPic){

nextPic = randomBetween(0, 2);

}

var delay = parseInt($('ul li').eq(nextPic).find("img").attr("showtime"));

$('ul li').eq(actPic).fadeOut();

$('ul li').eq(nextPic).fadeIn("normal", function(){

actPic = nextPic;

setTimeout(showPic, delay);

$('#info').text("ShowTime: "+delay);

}); }

  </script>

<ul>

  <li><a

 href="http://ro.linkedin.com/pub/carmen-virginia-chiru/2a/845/8b4"><img

 src="1.jpg" showtime="10000" border="0"

 height="300" width="400"></a></li>

  <li><a href="https://twitter.com/#!/amillionseconds"><img

 src="logo.jpg" showtime="5000" border="0"

 height="300" width="400"></a></li>

  <li><a

 href="http://ro.linkedin.com/pub/luci-melinte/2a/bab/177"><img

 src="2.jpg" showtime="10000" border="0"

 height="300" width="400"></a></li>

</ul>

<div id="info"></div>

1. var nextPic = randomBetween(0, 2);

1. var maxPic = $('ul li').length - 1;

1. var nextPic = randomBetween(0, maxPic);

1. nextPic = randomBetween(0, macPic);

1. <script type="text/javascript">
2. $(document).ready(function() {
       var maxPic = $('ul li').length - 1;
       var actPic = randomBetween(0, maxPic);
       $('ul li').css({display:"none"});
       showPic();
       function randomBetween(minVal,maxVal)
       {
           var randVal = minVal+(Math.random()*(maxVal-minVal));
           return Math.round(randVal);
       }
       function showPic(){
           var nextPic = randomBetween(0, maxPic);
           while(nextPic == actPic){
               nextPic = randomBetween(0, macPic);
           }
           var delay = parseInt($('ul li').eq(nextPic).find("img").attr("showtime"));
           $('ul li').eq(actPic).fadeOut();
           $('ul li').eq(nextPic).fadeIn("normal", function(){
               actPic = nextPic;
               setTimeout(showPic, delay);
               $('#info').text("ShowTime: "+delay);
           });
       }
   })
3. </script>