0

I have a web page with JQuery GalleryView plugin and for some reason thumbnail in the filmstrip is always faded even though its the actively selected record. Only initially when it binds for the first time, first image is clear but when I scroll through images film strip images just stays faded. My webpage is accessible at:

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

once you are on the page please click on either "Homecoming King" or "Homecoming Queen" option for the plugin. Please help

Matt Ball
  • 354,903
  • 100
  • 647
  • 710
DAK
  • 1,395
  • 4
  • 22
  • 35

1 Answers1

1

You're using GalleryView 3.0b3, released March 15, 2011, with jQuery 1.3.2, released February 19, 2009. The latest version of jQuery is 1.5.2, released March 31, 2011.

Update jQuery.


Edit

Looking through the Galleria source code, this is the bit that fades back out, unless this is the currently selected image:

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

but in your page, $(this).parent().parent().hasClass('current') returns false. I think that you're not using exactly the right HTML structure that GalleryView expects, as in this demo. In your page, $(this).parent().parent() is a <div>, but based on that demo, GalleryView seems to expect it to be an <li>.

So, I see are two possible fixes:

  • Use raw markup ("raw" as in, before GV modifies it) with structure that's identical to the HTML structure in the GV demo I linked, or

  • (I'm less sure about this one) change line 595 of jquery.galleryview-3.0.js from

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

    to

      if(!$(this).closest('li').hasClass('current')){$(this).stop().animate({opacity:opts.frame_opacity},300);}
    
Community
  • 1
  • 1
Matt Ball
  • 354,903
  • 100
  • 647
  • 710
  • Did you change that on the live site, or a dev one? On the kent.edu page, I still see jQuery 1.3.2. – Matt Ball Apr 26 '11 at 19:47
  • perfect changing line 595 in the js file did help :) I updated JQuery version on my local machine & it did not help so I did not publish it on the link above. Anyways, link provided above is on the dev server & not the live site ;) Thanks a lot for the help. – DAK Apr 27 '11 at 12:06
  • Just in case you need the code of GalleryView 3.0 Beta3 and find the previous location of the script unaccessible, download it from here: [github.com/tadeck/galleryview](https://github.com/tadeck/galleryview/) (uploaded to GitHub before the original location went down). – Tadeck May 17 '11 at 18:47