Плагин Jquery easySlider 1.7 - Как его создать эффект плавного затухания в easySlider?
Спасибо
Плагин Jquery easySlider 1.7 - Как его создать эффект плавного затухания в easySlider?
Спасибо
Этот плагин создан только для скользящих переходов, поэтому для плавного затухания потребуется модифицировать плагин (опрометчиво) или найти новый плагин. Недавно я обсуждал способ реализации перекрестного затухания с помощью ручного кода jQuery в этом нить. Я надеюсь, что вы найдете это полезным.
Замените код easyslider этим кодом плагина.
http://bogojoker.com/easySlide/
(Получите код по ссылке «Ссылка на файл js» внизу в разделе «Измененный файл js»).
Затем следуйте примерам на веб-сайте, чтобы создать желаемое затухание. Действительно легко.
ищите эту строку
if(!options.vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ marginLeft: p },
{ queue:false, duration:speed, complete:adjust }
);
}
и изменить его на
if(!options.vertical) {
p = (t*w*-1);
$("ul",obj).animate(
{ opacity: 0 },
{ queue:false, duration:'slow', complete:adjust }
);
}
затем найдите эту строку
if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
}
и изменить его на
if(!options.vertical) {
$("ul",obj).css("margin-left",(t*w*-1));
$("ul",obj).animate(
{ opacity: 1 },
{ queue:false, duration:'slow'}
);
}
Я надеюсь, что это поможет вам
Если вы используете easySlider1.7, вы можете легко это изменить.
Replace `marginTop: p` with ` opacity: 1` and `opacity: 0` at lines 133 and 169.
Затем ползунок исчезнет, когда для вертикальной опции установлено значение false. Или вы можете добавить свой собственный вариант, просто добавьте два предложения if в эти строки. Затем вы можете переключаться между всеми параметрами (вертикальный, горизонтальный, кроссфейд) на лету.