here is the code,

var images2 = ['images/index_19.jpg', 'images/details_10.jpg', 'images/index_23.jpg'];
    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()
        if (i < images2.length - 1)
            changeImage2(i + 1);
    //This function will change to image to whatever the variable i passes to it
    function changeImage2(i) {
            opacity: 0,
        }, 200, function() {
            $('#slideshow2').attr('src', images2[i]);
            $('#holder img').load(function() {
                    opacity: 1,
                }, 200)

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" />

Thanks in advance.

Member Avatar


slideshow doesn't work in safari

I post an answer on the other thread. It's good that switch section.

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.