【发布时间】:2015-06-25 07:50:00
【问题描述】:
我构建了一个小模板,上面有一个 Jssor 滑块,这个滑块上的图片也是缩略图。 通过单击缩略图,我希望这张图片显示在滑块中。我怎样才能用 Jquery 做到这一点。
此刻的代码:
var a_td_pic = [$("#tecdoc_bild1_thumb").attr("src"), $("#tecdoc_bild2_thumb").attr("src"), $("#tecdoc_bild3_thumb").attr("src"), $("#tecdoc_bild4_thumb").attr("src"),$("#hersteller_logo_thumb").attr("src")];
var a_ntd_pic = [$("#detailbild1_thumb").attr("src"), $("#detailbild2_thumb").attr("src"), $("#detailbild3_thumb").attr("src"), $("#detailbild4_thumb").attr("src"), $("#detailbild5_thumb").attr("src"),$("#hersteller_logo_thumb").attr("src")];
a_td = cleanArray(a_td_pic);
a_ntd = cleanArray(a_ntd_pic);
var check = [$("#tecdoc_bild1_thumb").attr("src"), $("#tecdoc_bild2_thumb").attr("src"), $("#tecdoc_bild3_thumb").attr("src"), $("#tecdoc_bild4_thumb").attr("src")];
if (check[0] == "" && check[1] == "" && check[2] == "" && check[3] == "") {
// Kein TecDoc
console.log("Kein TecDoc Bild");
$("#thumb").html("");
var i_3 = 0;
while (a_ntd[i_3]) {
console.log(a_ntd[i_3]);
$("#thumb").append('<div id="thumb_'+i_3+'"><img src="'+a_ntd[i_3]+'" class="thumb" /></div>');
i_3 ++;
}
if(a_ntd.length > 3) {
// Wenn mehr als 3 Bilder vorhanden sind wird auf Thumbnail Slider angepasst
}
var i_4 = 0;
while (a_td[i_4]) {
$("#thumb_"+i_4).click(function() {
});
i_4 ++;
}
}
else {
console.log("TecDoc Bild");
$("#thumb").html("");
var i_3 = 0;
while (a_td[i_3]) {
console.log(a_td[i_3]);
$("#thumb").append('<div id="thumb_'+i_3+'"><img src="'+a_td[i_3]+'" class="thumb"/></div>');
i_3 ++;
}
if(a_td.length > 3) {
// Wenn mehr als 3 Bilder vorhanden sind wird angepasst auf den Slider
}
var i_4 = 0;
while (a_td[i_4]) {
$("#thumb_"+i_4).click(function() {
$("#pic_"+i_4).css("left","0px");
});
i_4 ++;
}
}
最好的问候
【问题讨论】:
-
你试过什么?提供一些代码......我们不会为你构建你的东西。
-
这是你的课堂作业吗?
-
我把代码贴在上面的帖子里。