在滑块div上设置动态内容

Question

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

ajax工作完美我已经检查过了.这是coda滑块$('#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. */
    });
    });

Answer 1

Kevin Batdorf 对Coda Slider进行了改进，推出了支持 ajax 和回调的Liquid Slider。

在这里阅读相关教程

它可以在github上找到。