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是1.5.2，发布于2011年3月31日。~~

~~更新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 demo中所示。在您的网页中，$(this).parent().parent()是<div>，但根据该演示，GalleryView似乎期望它是<li>。

所以，我看到有两种可能的解决方法：

使用原始标记（在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);}

JQuery Galleryview

1 个答案:

修改