If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

Caroufredsel - fade previous/next frames. Very close to functioning

I've used this forum in the past to help me figure out some js issues and I've found you guys to all be pretty knowledgeable. Hoping someone can help me with this one-
I have a caroufredsel slider and i'm trying to have it so that the previous and next frames are faded out to .35 opacity and only the center active frame is fully highlighted in color. Can you check out my code and let me know if you have any ideas?

Users who have thanked harbingerOTV for this post:

sorry for the late response- I've been fidgeting. Your solution worked perfectly though thank you

Noticing another issue now that im seeing the faded out prev/next slides. I've set up a simple info popup on hover of one of these slides. Prob is that its doing this even when the slide is faded out. I'm trying to set up a listener var to tell when the slide is highlighted and available vs faded out and unavailable. just named the var 'available'

Users who have thanked harbingerOTV for this post:

much better approach than mine - thanks for the clarification!
Very close now- the mouseovers appear to be working but not exactly as they should. When i hover over the main image, instead of the popup happening over the main image, its coming up over the PREVIOUS unhighlighted image. Is this a problem because all 4 frames popup info is contained in a div of the same name?
I'm following your js pretty closely.. maybe i should show my html:

Users who have thanked harbingerOTV for this post:

I changed them to classes and now ALL the popup info's come up when you hover over the 1 center highlighted image.

Let me know what you think.. i prob have just interpreted you incorrectly..
Right now- 4 images, all have .hp_slider as their popup div, and the js you mention above. If i were to make them all hp_slider1, hp_slider2, etc... i still dunno how to let the js know which to popup at the correct time