Помощь Сделать так же как на musicbyprudence.com/

[Antoy Bad]

Привет ребята, помогите организовать такой же ротатор фона, как на данном сайте

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Eimantas]

<script type="text/javascript" src="http://www.musicbyprudence.com/wp-content/themes/BartlettDeBoer_iThemba/js/jquery.carousel.js"></script>


<script type="text/javascript">
function loadCarouselLite() {
$("#showcase").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
vertical: true,
auto: 3000,
speed: 500,
btnGo:
['goto1', '.goto2']
});

$("#background .images").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 3,
auto: 3000,
speed: 500
});

$('.goto2').click();
}

function gotoPrev() {
$('.prev').click();
}

function hideLoading() {
$('.loading').fadeOut();
}

$(document).ready(function() {
if ($.browser.msie && $.browser.version=="6.0") {
$('.loading').css({
'width': $(window).width(),
'height': $(window).height()
});

$('.loading img').css({
'left': '50%',
'top': '50%',
'margin' : '-10px 0px 0px -110px'
});
}

setTimeout("loadCarouselLite()", 1000);
setTimeout("gotoPrev()", 2000);
setTimeout("hideLoading()", 2500);
});
</script>
<!-- background end -->

 

[Antoy Bad]

<script type="text/javascript" src="http://www.musicbyprudence.com/wp-content/themes/BartlettDeBoer_iThemba/js/jquery.carousel.js"></script>


<script type="text/javascript">
function loadCarouselLite() {
$("#showcase").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
vertical: true,
auto: 3000,
speed: 500,
btnGo:
['goto1', '.goto2']
});

$("#background .images").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 3,
auto: 3000,
speed: 500
});

$('.goto2').click();
}

function gotoPrev() {
$('.prev').click();
}

function hideLoading() {
$('.loading').fadeOut();
}

$(document).ready(function() {
if ($.browser.msie && $.browser.version=="6.0") {
$('.loading').css({
'width': $(window).width(),
'height': $(window).height()
});

$('.loading img').css({
'left': '50%',
'top': '50%',
'margin' : '-10px 0px 0px -110px'
});
}

setTimeout("loadCarouselLite()", 1000);
setTimeout("gotoPrev()", 2000);
setTimeout("hideLoading()", 2500);
});
</script>
<!-- background end -->

Я правильно понял этот скрипт просто вставить в шаблон и всё?

 

[partizannn]

спаибо конечно за джаваскрипт - но в обеих скриптах я не увидил откуда именно подключаются картинки.... может подскажите?

 

[Di9]

может из ('.loading img').css ?
но идея понравилась!

 

[Antoy Bad]

Eimantas можешь более по подробней расписать, как и что, а то я не совсем понял, что делать с этим JS куда его прикручивать и откуда изображения подгружать

 

[xbreaker]

с помощью этого скрипта в блоке div с id=background происходит ротация картинок следующим образом:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Antoy Bad]

Ребята если я всё правильно понял, то ниже представленный код приводит фоновое изображение в слайд шоу

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[xbreaker]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Antoy Bad]

*** скрытое содержание ***

Если я не ошибаюсь, то то что я собрал Ява-код который выполняет саму анимацию потом нашел css который отвечает за <div id="background"> который выводит данное слайд шоу как фон.
Вопрос в следующем, где моя ошибка. Я конечно не гуру CSS и JS, но
стараюсь разобраться в том, что мне интересно. Не откажусь от помощи и совета