Два слайд-шоу с простым слайдером 1.7 - PullRequest
Новая
       10

Два слайд-шоу с простым слайдером 1.7

0 голосов
/ 28 июля 2011

Я использую это http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider Простой слайдер 1.7 для создания слайд-шоу на моем сайте.

Работает как надо, когда есть только одно слайд-шоу. Но мне нужно слайд-шоу на веб-странице в двух разных местах. Поэтому, когда я использую следующую / предыдущую кнопку, оба слайда перемещаются вперед / назад.

Я создал отдельные идентификаторы для кнопок двух div. Кроме того, два div имеют разные идентификаторы.

Ниже код вызывает слайд:

<script type="text/javascript"> $(document).ready(function(){<br> $("#slide1").easySlider({ auto: true, continuous: true }); $("#slide2").easySlider({ auto: true, continuous: true }); }); </script>

И в моем файле JavaScript у меня есть следующее:

(функция ($) {

$.fn.easySlider = function(options){

    // default configuration properties
    var defaults = {            
        prevId:         'prevBtn',
        prevText:       'Previous',
        nextId:         'nextBtn',
        prevId1:        'prevBtn1',
        nextId1:        'nextBtn1', 
        nextText:       'Next',
        controlsShow:   true,
        controlsBefore: '',
        controlsAfter:  '', 
        controlsFade:   true,
        firstId:        'firstBtn',
        firstText:      'First',
        firstShow:      false,
        lastId:         'lastBtn',  
        lastText:       'Last',
        lastShow:       false,              
        vertical:       false,
        speed:          800,
        auto:           false,
        pause:          2000,
        continuous:     false, 
        numeric:        false,
        numericId:      'controls'
    };

Может кто-нибудь помочь, пожалуйста?

1 Ответ

0 голосов
/ 03 ноября 2011 
$(document).ready(function () {
    $("#slider1").easySlider({
        auto: false,
        continuous: false,
        speed: 200,
        prevId: 'prevBtn1',
        nextId: 'nextBtn1',
        nextText: '',
        prevText: ''
    });

    $("#slider2").easySlider({
        auto: false,
        continuous: false,
        speed: 200,
        prevId: 'prevBtn2',
        nextId: 'nextBtn2',
        nextText: '',
        prevText: ''
    });
...