2

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

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

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>
4

1 回答 1

1

对 click 事件处理程序的以下更改#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);
        }
    });
  });
});

它当前未按预期工作的原因是，当您单击其中一个缩略图链接时，它会循环浏览所有大图像并确定哪一个可见。当它找到可见的，然后从它的替代文本中设置标题文本。

似乎将大图像设置为可见比尝试确定其标题文本要慢一些。

于 2010-07-31T00:22:43.527 回答