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

Question

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

Спасибо

Answer 1

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

Answer 2

Ищи эту строчку

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

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

Answer 3

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

http://bogojoker.com/easySlide/

(Получить код по ссылке "Ссылка на файл js" внизу под "Модифицированный файл js").

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

Answer 4

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

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

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