CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   JavaScript frameworks (http://www.codingforums.com/forumdisplay.php?f=62)
-   -   Simple auto slideshow flips out for 10 seconds (http://www.codingforums.com/showthread.php?t=274974)

jestermeister 10-02-2012 08:57 PM

Simple auto slideshow flips out for 10 seconds
 
Hi all, I'm an aspiring pre-novice in CSS and JS, so I apologize in advance. This might be a simple issue or complex, I haven't a clue.

go to www.michaelsiemsen.com/new in Firefox, Safari, or IE9 and the big banner image flips out for 10 seconds before commencing as it should. The first image is supposed to be handprint, then book, then giant author mugshot. The creators of this site have no clue why it won't work, nor do they care as this banner photo is supposed to be static and I have apparently "ruined" it by attempting to animate it. Ah well...

Here is the code that makes the images cycle:

HTML:
Code:

<div id="slideshow">
                    <div>
                <img src="images/img1.jpg">
                        </div>
                    <div>
                <img src="images/img2.jpg">
                        </div>
                    <div>
                <img src="images/img3.jpg">
                        </div>
                        </div>


CSS:
Code:

#slideshow {
        margin: 1px 0 6px auto;
        position: relative;
        width: 1172px;
        height: 524px;
        padding: 0;
}

#slideshow > div {
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px
}

JS:
Code:

$("#slideshow > div:gt(0)").hide();

setInterval(function() {
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  4000);

Thanks in advance to anyone that can help! And again, sorry if I am dumb!

jestermeister 10-04-2012 05:14 PM

Not so simple I guess?
 
No takers? Did I leave out important information? Do I need to pay someone to fix this? If so, who?

devnull69 10-05-2012 11:58 AM

The URL has a 404

jestermeister 10-06-2012 02:06 AM

Sorry, It didn't seem like anyone was seeing my post so I went elsewhere and it's all fixed now. Thanks for checking it, though!

xelawho 10-06-2012 03:00 AM

would you mind posting the solution? I have seen questions about the same problem with the slideshow script a couple of times, but I have never seen anybody with a way to fix it.

jestermeister 10-08-2012 11:44 PM

Sure, sorry... in the js file, the script must be bracketed by the following code:

Code:

$(document).ready(function(){

$(javascript code here);

});

Hope that helps!


All times are GMT +1. The time now is 09:22 PM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.