在滑块div上设置动态内容

时间:2013-01-27 20:02:28

标签: javascript jquery html html5

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

ajax工作完美我已经检查过了。 这是coda slider $('#slider-id').codaSlider();的加载函数 而对于“尴尬”:

$(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. */
    });
    });

1 个答案:

答案 0 :(得分:0)

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

阅读其中的教程here

可在github上找到。