jquery - jQuery 库视图

Question

我有一个带有 JQuery GalleryView 插件的网页，由于某种原因，幻灯片中的缩略图总是褪色，即使它是主动选择的记录。只有最初当它第一次绑定时，第一张图像是清晰的，但是当我滚动图像时，胶片图像只是保持褪色。我的网页可在以下位置访问：

http://ssdev01.uis.kent.edu/VotingApplication/Main.aspx

进入页面后，请单击插件的“Homecoming King”或“Homecoming Queen”选项。请帮忙

Answer 1

您正在使用 2011 年 3 月 15 日发布的 GalleryView 3.0b3 和 2009 年 2 月 19 日发布的 jQuery 1.3.2。jQuery 的最新版本是 2011 年 3 月 31 日发布的 1.5.2。

更新 jQuery。

---

编辑

查看 Galleria 源代码，这是淡出的部分，除非this是当前选择的图像：

.mouseout(function(){
    //Don't fade out current frame on mouseout
    if(!$(this).parent().parent().hasClass('current')){
        $(this).stop().animate({opacity:opts.frame_opacity},300);
    }
});

但在您的页面中，$(this).parent().parent().hasClass('current')返回false. 我认为您没有使用GalleryView 所期望的完全正确的 HTML 结构，就像在这个演示中一样。在您的页面中，$(this).parent().parent()是一个<div>，但基于该演示，GalleryView 似乎期望它是一个<li>.

所以，我看到有两个可能的修复：

• 使用与我链接的 GV 演示中的 HTML 结构相同的结构的原始标记（“原始”，如在 GV 修改之前） ，或

• （我不太确定这个）jquery.galleryview-3.0.js从第 595 行更改

    if(!$(this).parent().parent().hasClass('current')){$(this).stop().animate({opacity:opts.frame_opacity},300);}
  

  至

    if(!$(this).closest('li').hasClass('current')){$(this).stop().animate({opacity:opts.frame_opacity},300);}