Плагин Jquery easySlider 1.7 - Как создать эффект плавного затухания в easySlider?

Плагин Jquery easySlider 1.7 - Как его создать эффект плавного затухания в easySlider?

Спасибо


person Ben    schedule 20.01.2011    source источник


Ответы (4)


Этот плагин создан только для скользящих переходов, поэтому для плавного затухания потребуется модифицировать плагин (опрометчиво) или найти новый плагин. Недавно я обсуждал способ реализации перекрестного затухания с помощью ручного кода jQuery в этом нить. Я надеюсь, что вы найдете это полезным.

person mVChr    schedule 20.01.2011
comment
Спасибо, какой плагин вы можете предложить? - person Ben; 21.01.2011

Замените код easyslider этим кодом плагина.

http://bogojoker.com/easySlide/

(Получите код по ссылке «Ссылка на файл js» внизу в разделе «Измененный файл js»).

Затем следуйте примерам на веб-сайте, чтобы создать желаемое затухание. Действительно легко.

person Ethan Korolyov    schedule 09.08.2012

ищите эту строку

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'}
                    );  
            }

Я надеюсь, что это поможет вам

person tatiana castrillon    schedule 17.11.2012

Если вы используете easySlider1.7, вы можете легко это изменить.

Replace `marginTop: p` with ` opacity: 1` and `opacity: 0` at lines 133 and 169.

Затем ползунок исчезнет, ​​когда для вертикальной опции установлено значение false. Или вы можете добавить свой собственный вариант, просто добавьте два предложения if в эти строки. Затем вы можете переключаться между всеми параметрами (вертикальный, горизонтальный, кроссфейд) на лету.

person Marko    schedule 18.04.2011