Я не могу понять, мой сценарий не работает

Я не могу понять, почему этот скрипт слайдов Div не работает:

Сценарий:

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

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

Html:

<div id="slideshow">


<div>
Pretty cool eh? This slide is proof the content can be anything.
</div>
</div>

Вот ссылка на сайт: http://www.pearsonaviation.com.au/new/

2 ответа

Проблема: -

Вы загружаете jquery.backstretch.min.js прежде чем загружать jquery library на свой сайт, что вызывает ошибку на вашем сайте. Поскольку вы пытаетесь использовать jQuery object который еще не определен.

контрольная консоль

Решение

Загрузите файл библиотеки jQuery перед jquery.backstretch.min.js

Как это

ваш код с проблемой

<!-- jquery.backstretch.min.js -->
 
 
 

<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->



you are loading jQuery.min here


Посмотрите прекрасный человек

http://jsfiddle.net/6A5QD/

не забывайте о своем ; , Ваша цепочка методов... "интересная".

добавьте некоторый абсолютный CSS, чтобы вы не получили эту коробку "прыгать",

licensed under cc by-sa 3.0 with attribution.