-1

我有以下JS代码： 

$(document).ready(function(){
 for(var i=1; i <= 6; ++i){
    $('.etalage'+(i===1 ? '':i)).etalage({
        show_hint: false,
        thumb_image_width: 464,
        thumb_image_height: 464,
        source_image_width: 1000,
        source_image_height: 1000,
        zoom_element: '#custom_zoom_element'+(i===1 ? '':i),
        //source_image_height: 480,
        //source_image_width: 480,
        zoom_area_width: 400,
        zoom_area_height: 400
    });
 }
});

当我将鼠标悬停在缩略图上时，它会放大到一个单独的大图像。它适用于前 5 张图像，但之后都没有出现。这是 6 个基本相同的 html 分组之一：

<div>
<ul class="etalage">    
        <li>
            <img class="etalage_thumb_image" src="codecanyon/demo_files/images/image2_thumb.jpg">
            <img class="etalage_source_image" src="codecanyon/demo_files/images/image2_large.jpg">
        </li>  
</ul>


<ul class="etalage2">   
        <li>
            <img class="etalage_thumb_image" src="codecanyon/demo_files/images/image4_thumb.jpg">
            <img class="etalage_source_image" src="codecanyon/demo_files/images/image4_large.jpg">
        </li>  
</ul>

另一个需要注意的有趣的事情是，在第 6、7 等页面上，每个页面上都会显示一个 list-style-type 的项目符号。任何想法我犯了什么错误。再次感谢。

4

2 回答 2

1

您已在代码中将其设置为在 6 次循环后停止：

  for(var i=1; i <= 6; ++i){

也许你需要设置i <= 6一个 var 并让这个 var 计算 .etalage 的数量。

编辑

所以也许：

var numberOfetalage = $('.etalage li').length

 for(var i=1; i <= numberOfetalage ; ++i){
于 2012-07-24T16:00:10.767 回答
0

Your problem is in your for loop. Change the following line:

for (var i=1; i <= 6; ++i)

change the 6 (i <= 6;) to whatever the amount of list elements you have.

e.g. I want 8 elements therefore my code is:

for (var i=1; i <= 8; i++)
于 2012-07-24T16:02:44.137 回答