JQuery Plugin easySlider 1.7 - Как можно создать эффект перекрестного затухания в easySlider?

Question

JQuery Plugin easySlider 1.7 - Как можно создать эффект перекрестного затухания в easySlider?

Благодаря

Answer 1

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

Answer 2

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

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

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

Answer 3

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

http://bogojoker.com/easySlide/

(Получить код по ссылке 'Ссылка на файл JS' вниз внизу под 'Modified JS файл').

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

Answer 4

взгляд на этой линии

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

Надеюсь, это поможет вам