5

我正在尝试使用这两个 jquery 插件之一(笨拙/ Coda Slider 3)来滑动 DIV 内容。一切正常,直到我在创建插件对象后尝试设置动态内容(使用 js)。DIV 仅显示在插件创建之前加载的内容。为此目标的任何想法或其他 DIV 滑块插件。谢谢。

ajax 工作完美我已经检查过了。这是 coda 滑块 $('#slider-id').codaSlider(); 和 "awkward" 的加载函数:

$(window).ready(function () {
        $("#showcase").awShowcase(
    {
        content_width: 700,
        fit_to_parent: false,
        auto: false,
        interval: 3000,
        continuous: false,
        loading: true,
        tooltip_width: 200,
        tooltip_icon_width: 32,
        tooltip_icon_height: 32,
        tooltip_offsetx: 18,
        tooltip_offsety: 0,
        arrows: true,
        buttons: true,
        btn_numbers: false,
        keybord_keys: true,
        mousetrace: false, /* Trace x and y coordinates for the mouse */
        pauseonover: true,
        stoponclick: true,
        transition: 'fade', /* hslide/vslide/fade */
        transition_speed: 500,
        transition_delay: 300,
        show_caption: 'onhover', /* onload/onhover/show */
        thumbnails: true,
        thumbnails_position: 'outside-last', /* outside-last/outside-first/inside-last/inside-first */
        thumbnails_direction: 'horizontal', /* vertical/horizontal */
        thumbnails_slidex: 0, /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
        dynamic_height: true, /* For dynamic height to work in webkit you need to set the width and height of images in the source. Usually works to only set the dimension of the first slide in the showcase. */
        speed_change: false, /* Set to true to prevent users from swithing more then one slide at once. */
        viewline: false /* If set to true content_width, thumbnails, transition and dynamic_height will be disabled. As for dynamic height you need to set the width and height of images in the source. */
    });
    });
4

1 回答 1

0

Kevin Batdorf 在Coda Slider上进行了改进,使用了一种名为Liquid Slider的东西,它支持 ajax 和回调。

在此处阅读有关它的教程

它可以在github上找到。

于 2013-01-27T23:58:50.013 回答