HI there, I have a really annoying and strange problem with a script, here's the code:
<script type="text/javascript">
$(function() {
var images = $('.home_page_pic img').hide();
var index = 0;
images.eq(index).show();
function swapImages()
{
images.eq(index).fadeOut(2000, function() {
index++;
if (index == images.length)
{
index = 0;
}
images.eq(index).fadeIn(2000, swapImages);
});
}
swapImages();
}); </script>
Now, in chrome and opera at the first run of the script the big picture doesn't actually get replaced but it stays there and the other big pictures that are supposed to replace it appear instead at the bottom of it. Then at the second run, it all goes ok.
Here you can see what I mean (either with opera or chrome and if it doesn' happen try ctrl+f5 on ur keyboard http://antobbo.webspace.virginmedia.com/photogallery/home.htm)