Плагин 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.

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