【问题标题】:Custom Caption Display, jQuery, javascript自定义字幕显示,jQuery,javascript
【发布时间】:2012-09-15 02:41:17
【问题描述】:

我正在使用我构建的图像库函数,尝试使用缩略图的图像属性在完整图像下方生成一个标题alttitle。缩略图库侧没有问题。另一方面,标题返回 undefined,并显示在第一个缩略图下方,而不是完整图像下方。

$('.gallery li img').hover(function(){
        var $viewer = $(this).parents('.viewer');
      $('.full-img',$viewer).attr('src',$(this).attr('src').replace('thumb/', ''));
      $('.full-img',$viewer).attr('alt',$(this).attr('alt').replace('thumb/', ''));
         var caption_alt = $('.full-img',$viewer).attr('alt');
         var caption_title = $('.full-img',$viewer).attr('title');
      if (caption_alt !== "" && caption_title !== ""){('.full-img', $viewer).after('<p class="captiontitle">' + caption_title + '</p>' + '<p class="captionalt">' + caption_alt + '</p>')}
});

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    试试这个

    $('.gallery li img').hover(function(){
            var $viewer = $(this).parents('.viewer');
            $('.full-img',$viewer).attr('src',$(this).attr('src').replace('thumb/', ''));
            $('.full-img',$viewer).attr('alt',$(this).attr('alt').replace('thumb/', ''));//missed . here
             var caption_alt = $('.full-img',$viewer).attr('alt');//missed . here
             var caption_title = $('.full-img',$viewer).attr('title');//missed . here
          if (caption_alt !== "" && caption_title !== ""){('.full-img', $viewer).after('<p class="captiontitle">' + caption_title + '</p>' + '<p class="captionalt">' + caption_alt + '</p>')}
    }); //missed a . and an ending double quote "
    

    【讨论】:

    • 好电话,非常感谢。但是这里的某个地方不仅仅是语法问题。
    • 没关系,根据我给你的信息,你是对的。我有一些外部冲突的东西。
    猜你喜欢
    • 1970-01-01
    • 2015-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-22
    • 2021-09-21
    相关资源
    最近更新 更多