- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
$(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. метод тыка результата не дает.
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 который всегда выполняется
Непонятный вопрос
delay это и есть delay.
Дополнительно задержка (время выполнения анимации) 600 мс устанавливается вторым параметром в animate
В каждом if`е и после условий, есть delay который всегда выполняется
то что закомментили это зедержка для анимации "p" и "strong". меня же интересуют объекты #slidehtml внутри которых эта анимация как раз и происходит.
Непонятный вопрос delay это и есть delay.
я то сам не программист, но думал понятно будет что этот скрипт делает без пояснений, либо вы не прочли то что под кодом написано.
тоесть объекты меняются по очереди #slidehtml1/#slidehtml2/#slidehtml3 и вот задержка эта меня интересует. а то что внутри там происходит с "a" "p" "strong" это то я понял.
вверх вверх
вверх вверх