Fade IN/OUT multiple Images onClick
Hi, I confess I'm new to jquery but I'm porting all my sites over to it as I love what I
do know about it.
I have a div on a page that I'm hoping can contain multiple images that would fade in and replace an out-going image based on an onClick event.
Each image is dedicated to it's a href (there are about 30) and they would all be initially hidden...
I've given the images class names and id's:
-
<div id="creditTray" class="fadeThis3">
<img id="zs1" class="movtitle" src="directors/dir_resources/zs/zs_t1.png" />
<img id="zs2" class="movtitle" src="directors/dir_resources/zs/zs_t2.png" />
</div>
and the a href's are:
-
<a class="title" href="javascript:document.movie.SetURL('mov1.mov');" onclick="$('#mediaPlayer').fadeIn(1500);">
as I want to display a title for each one...
I've been working with:
-
$(document).ready(function() {
$(".title a").click(function() {
// do something...
});
});
but I can't seem to get anything to work... any help would be much appreciated!