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。

< s>更新 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() 是

，但根据该演示，GalleryView 似乎期望它是一个

。

因此，我看到有两个可能的修复方法：

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

• （我对此不太确定） ) 将 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) ;}