Jssor动态缩略图不工作(Jssor dynamic thumbnail not working)

我试图让Instagram的基础饲料的jssor画廊。 到目前为止，图像成功，而不是缩略图。

var img = '<img u="image" src="'+thisMedia.images.standard_resolution.url+'" alt="Instagram Image" data-filter="'+thisMedia.filter+'" width="720" height="480" />';
var thumb = '<img u="thumb" src="'+thisMedia.images.standard_resolution.url+'" width="99" height="66"/>';

$('#slide-'+i+'').html(img);
$('#slide-'+i+'').append(thumb);

这发生在instafeed文件至今IMG顺利在画廊而不是拇指。 香港专业教育学院还试图把拇指代码为IMG变量在同一行。

当我在浏览器中打开它，并检查所发生的事情，我看到正确被放置在所需DIV幻灯片图像和缩略图。 Allthough缩略图是由jssor代码，他们只是坐在那里得到照顾，我基本上是复制的演示版本的代码。 任何想法发生了什么？

Answer 1:

在原始HTML，缩略图用于滑动在以下格式定义。

        <div>
            <img u="image" src="../img/alila/01.jpg" />
            <img u="thumb" src="../img/alila/thumb-01.jpg" />
        </div>

当jssor滑块初始化时，它隐藏在幻灯片的缩略图，并克隆复制到缩略图导航。 其实，缩略图导航仪是一种滑块。

您可以检查元素来看看它是如何安排。 如果您需要更换的缩略图，请在操作缩略图导航元素。

文章来源: Jssor dynamic thumbnail not working