mootools fade help

Timbo_La

Timbo_La

Timbo_La

Associate
Joined
18 Oct 2002
Posts
404
I am currently trying to implement the following on a website I am making.

http://jsfiddle.net/2bcq9/

At the moment I have read a few mootools examples and tried to use the codes in the examples to get the result I want.

the problem I have is I can't figure out how to just trigger the fades on mouseenter and mouseleave of the div that you enter, because at the moment all the fades happen when you enter the div that I have attached the addevent to.

I think I have to use the .each function/selector? but not sure where to put or how to implement it or whether I am on the right track.

does anybody have an idea or can push me in the right direction.

off to do more research and maybe look at jQuery instead as that seems to have more support.

thanks

Tim
 
Tripnologist said:
I don't use Mootools and can't be arsed to look up how to do what it is that needs to be changed. However, I do know jQuery, so can help you with that, if you'd like.

Now, I'm not completely sure how you want it to work, but I'm guessing you want the events attached so they function on each '.ap_collections_container' individually, rather than on all of them on the page?
Something like this?
http://jsfiddle.net/2bcq9/2/

If that's not quite what you're trying to do, tell me exactly what you want to have happen when, and I'll tell you how to do it. :)
Click to expand...

Thanks for the help.

to clear things up, what i want to happen is the following.

when the cursor enters the div with the class '.ap_collections_container' (there will be more than one of these containers on the page)

the images in the div with the class 'ap_collections_thumbs_container' fade up from 0.4 to 1.0

and the text in div with class 'ap_collections_title_text' fades down.

when the cursor leaves the div with the class '.ap_collections_container' they return to there original state.

in your example the text is behaving the way correct way, but it seems that the images are not fading up ( i know there are no images in the example but the border is not fading up)

i have tried play around with your example after reading a little bit on jquery but not had much success.

i have corrected some spelling mistakes and also added a background colour to the img class here

http://jsfiddle.net/2bcq9/7/

will go off to try and figure out why the img tags are not fading up.

thanks for the help

Tim
 
You must log in or register to reply here.
Back
Top Bottom