Question

我对这一切几乎一无所知所以所以我向你寻求一些迫切需要的帮助。如果您需要查看更多代码或信息，请尽快回答。

以下代码段是我用于照片库的内容：

http://luisposada.co.uk/home/photography-2/

问题是如下图所示，当您从左到右浏览缩略图时，只需单击一下即可显示主画面下方的标题，但只能从右向左进行双击。显然，无论单击缩略图的顺序和单击，我都希望更改字幕。

非常感谢。

<script type="text/javascript"> 

$(function() {
   $('#feature').cycle({
       speed:       1000,
       timeout:     <?php echo $speed; ?>
   });

$("#yc_thumbnail_frame a").live("click",function(){
    $(".yc_img_fullsize").each(function(index) {
        if ($(this).is(":visible")) {
            var text = $(this).attr("alt");
            $(".caption").html(text);
        }
    });
  });
});

$(window).load(function() {
   $("img.yc_img_fullsize").each(function(index) {
    if ($(this).is(":visible")) {
        var text = $(this).attr("alt");
        $(this).parent().after("<p class='caption'>" + text + "</p>");
    }
  });

});

</script>

Answer 1

#yc_thumbnail_frame a点击事件处理程序的以下更改应该为您解决：

$("#yc_thumbnail_frame a").live("click",function(){

    // Instead of looking for the visible image, find the one that matches the thumbnail src
    var thumbSrc = $(this).find('img').attr('src');
    $(".yc_img_fullsize").each(function(index) {
        if ($(this).attr('src') == thumbSrc) {
            var text = $(this).attr("alt");
            $(".caption").html(text);
        }
    });
  });
});

它目前无法正常工作的原因是因为当您单击其中一个缩略图链接时，它会循环显示所有大图像，并确定哪一个是可见的。当它找到可见的那个时，它会从其替代文本中设置标题文本。

似乎设置可见的大图像比尝试确定其标题文本稍慢。

缩略图字幕单击和双击？

1 个答案: