jquery: не пойму где тут delay

L
На сайте с 13.08.2011
Offline
40
958

		$(function(){

$('#sum_div').find('a').tooltip({effect: 'slide'});
});

$(window).load(function(){
$('#slider').ccslider({
effect: 'random',
_3dOptions: {
imageWidth: 950,
imageHeight: 319,
makeShadow: false
},
beforeSlideChange: function(index) {
$(this).find('div.cc-html').children().hide();
},
afterSlideChange: function(index) {
if( index === 0 ) {
var children = $('#slidehtml1').children();
children.css({ position: 'relative', top: '-20px'});
children.filter('h3').animate({ top: 0, opacity: 'toggle'}, 600);
children.filter('p').eq(0).delay(100).animate({ top: 0, opacity: 'toggle'}, 600);
children.find('strong').hide().css('left', '50px').delay(300).animate({ left: 0, opacity: 'toggle'}, 600);
}
if(index === 1) {
var children = $('#slidehtml2').children();
children.css({ position: 'relative', left: '-300px'});
children.filter('h3').animate({ left: 0, opacity: 'toggle'}, 600);
children.filter('p').delay(100).animate({ left: 0, opacity: 'toggle'}, 600);
children.filter('a').delay(200).animate({ left: 0, opacity: 'toggle'}, 600);
}
if(index === 2) {
var children = $('#slidehtml3').children();
children.css({ position: 'relative', top: '-20px'});
children.filter('h3').animate({ top: 0, opacity: 'toggle'}, 600);
children.filter('p').eq(0).delay(100).animate({ top: 0, opacity: 'toggle'}, 600);
children.find('strong').hide().css('left', '50px').delay(300).animate({ left: 0, opacity: 'toggle'}, 600);
}
}
});

// animation for html content of first slide on page load
var children = $('#slidehtml1').children().hide();
children.css({ position: 'relative', top: '-20px'});
children.filter('h3').animate({ top: 0, opacity: 'toggle'}, 600);
children.filter('p').eq(0).delay(100).animate({ top: 0, opacity: 'toggle'}, 600);
children.find('strong').hide().css('left', '50px').delay(300).animate({ left: 0, opacity: 'toggle'}, 600);

// use ccslider api to go to next slide
var api = $('#slider').data('ccslider');
$('#slidehtml2').find('a').click(function(){
api.next();
});
});

никак не пойму где задержка между сменой #slidehtml1/2/3. метод тыка результата не дает.

minor
На сайте с 04.10.2010
Offline
70
#1

children.filter('p').eq(0).delay(100).animate({ top: 0, opacity: 'toggle'}, 600);
children.find('strong').hide().css('left', '50px').delay(300).animate({ left: 0, opacity: 'toggle'}, 600);

В каждом if`е и после условий, есть delay который всегда выполняется

PHP experience 2 year, comprehend seo
Ayavryk
На сайте с 11.10.2003
Offline
209
#2

Непонятный вопрос

delay это и есть delay.

Дополнительно задержка (время выполнения анимации) 600 мс устанавливается вторым параметром в animate

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
L
На сайте с 13.08.2011
Offline
40
#3
minor:
В каждом if`е и после условий, есть delay который всегда выполняется

то что закомментили это зедержка для анимации "p" и "strong". меня же интересуют объекты #slidehtml внутри которых эта анимация как раз и происходит.

Ayavryk:
Непонятный вопрос delay это и есть delay.

я то сам не программист, но думал понятно будет что этот скрипт делает без пояснений, либо вы не прочли то что под кодом написано.

тоесть объекты меняются по очереди #slidehtml1/#slidehtml2/#slidehtml3 и вот задержка эта меня интересует. а то что внутри там происходит с "a" "p" "strong" это то я понял.

L
На сайте с 13.08.2011
Offline
40
#4

вверх вверх

L
На сайте с 13.08.2011
Offline
40
#5

вверх вверх

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий