0

here is the code,

var images2 = ['images/index_19.jpg', 'images/details_10.jpg', 'images/index_23.jpg'];

$(document).ready(function()
{
    setInterval(forwardImage2, 4000);

    //This function will find the key for the current Image
    function currentImageKey2() {
        i = jQuery.inArray($('#slideshow2').attr('src'), images2);
        return i;
    }

    //This function will move the slideshow forward one
    function forwardImage2()
    {
        currentImageKey2();

        if (i < images2.length - 1)
        {
            changeImage2(i + 1);
        }else 
        {
            changeImage2(0);
        }
    }

    //This function will change to image to whatever the variable i passes to it
    function changeImage2(i) {
        $('#slideshow2').stop().animate({
            opacity: 0,
        }, 200, function() {
            $('#slideshow2').attr('src', images2[i]);
            $('#holder img').load(function() {
                $('#slideshow2').stop().animate({
                    opacity: 1,
                }, 200)
            })
        })
    }
});

</script>

this code works for IE, FF, and GC, there is only slight glitching in them and they run it perfectly after the first pass through, however with safari, the same photokeeps showing over and over again, i have seen it change after a long period of watching it, but I need it to run properly from the beginning, any ideas? also here is the calling HTML

<td colspan="7" rowspan="12">
            <div id="holder2">
                    <img src="images/shield.jpg" id="slideshow2" border = "0" />
            </div>
        </td>

Thanks in advance.

2
Contributors
3
Replies
10
Views
4 Years
Discussion Span
Last Post by GraficRegret
0

oops sorry this is javascript that I am having issues with not php, wrong area

0

@GraficRegret

slideshow doesn't work in safari

I think you post this in the wrong section. But it's OK.

To answer your question it must be a bug.

I don't see any issue with your JQuery code.

I think it has something to do with your CCS(3)/HTML(5) code.

Usually JQuery code works on all browsers but CCS(3)/HTML(5) does have codes doesn't work well on certain browsers.

0

thanks Mitch, I realised my mistake and have it in the javascript/html area now. I will look at the code and see if I can find a reason for the glitch through css or html thanks again.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.