JQuery newbie - Trying to use two plugins together - Hiding and Unhiding multiple divs
Hi everyone
This has been tying me in knots for days now and I assume the answer will be fairly straightforward! I have a website which has many bird photographs and updated it recently to use the Gallerific JQuery plugin. This works very nicely alongside the existing php & MySQL setup.
I really want to implement a photo rating script to enhance the site and started trying to implement the JRating Star script. With the nature of the gallery plugin, an array of thumbnails is displayed and clicking on one displays a larger image. I assumed that I needed a JRating div (star rating) for each of the photos on the page and I've managed to get these to dynamically appear.
My issue is that I want to make all except the star rating div for the active image disappear. So when I first load the page only one star rating will appear (for the first image). When I move to the second image, the first div will disappear and be replaced by the corresponding star rating for image 2 etc.
The page itself is complex but if you look at my test page, hopefully you can get an idea of what I'm trying to achieve.
http://birds.ceeege.com/web3.php
This has been driving me round the bend for a while now so any help will really be appreciated. I've been attempting to work out the problem with Firebug but to no avail
Many thanks in advance
Chris
This has been tying me in knots for days now and I assume the answer will be fairly straightforward! I have a website which has many bird photographs and updated it recently to use the Gallerific JQuery plugin. This works very nicely alongside the existing php & MySQL setup.
I really want to implement a photo rating script to enhance the site and started trying to implement the JRating Star script. With the nature of the gallery plugin, an array of thumbnails is displayed and clicking on one displays a larger image. I assumed that I needed a JRating div (star rating) for each of the photos on the page and I've managed to get these to dynamically appear.
My issue is that I want to make all except the star rating div for the active image disappear. So when I first load the page only one star rating will appear (for the first image). When I move to the second image, the first div will disappear and be replaced by the corresponding star rating for image 2 etc.
The page itself is complex but if you look at my test page, hopefully you can get an idea of what I'm trying to achieve.
http://birds.ceeege.com/web3.php
This has been driving me round the bend for a while now so any help will really be appreciated. I've been attempting to work out the problem with Firebug but to no avail
Many thanks in advance
Chris
Topic Participants
cjthomas
rarpsl
demonoid.phenomenon