两个带有 Easy Slider 1.7 的幻灯片

发布于 2024-11-26 16:23:43 字数 1690 浏览 0 评论 0原文

我正在使用这个 http://cssglobe.com/post /5780/easy-slider-17-numeric-navigation-jquery-slider Easy slider 1.7 可在我的网站上实现一些幻灯片放映。

当只有一张幻灯片时，它可以正常工作。但我需要在网页上的两个不同位置进行幻灯片放映。因此，当我使用下一个/上一个按钮时，两张幻灯片都会向前/向后移动。

我为两个 div 的按钮创建了单独的 ID。此外，这两个 div 具有不同的 ID。

下面的代码调用幻灯片：

在我的 javascript 文件中，我有以下内容：

(function($) {

$.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'
    };

有人可以帮忙吗？

原文

I am using this http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
Easy slider 1.7 to achieve some slideshows on my website.

It works as it should, when there's only one slideshow. But I need to slideshows on the webpage at two different places. So, when I use the next/previous button, both slides move forward/backward.

I have created seprated IDs for the buttons of two divs. Also, the two divs have separate IDs.

Below code invokes the slide:

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

And in my javascript file, I have the following:

(function($) {

$.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'
    };

Can anyone help please?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

人间☆小暴躁 2024-12-03 16:23:43

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

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

回复收藏 0 原文

~没有更多了~