On 5/7/07, Aaron <[EMAIL PROTECTED]> wrote:
How would i have multiple links that would show or hide a div or
append content to a div from the title or caption?
I want to have images that when you mouse over it fades in a div on
the right side of it and when mouse over the next one it fades out the
previous and fades in the next div or have it append some content from
the title tag from the link.
Here is example HTML of the layout.
<table width="100%" border="0" cellspacing="0" cellpadding="0"
id="ImageTable">
<tr>
<td class="images">
<A href="#" title="Some Text Goes Here"><IMG src="Image.jpg"
border="0"></A>
<A href="#" title="Some Text Goes Here"><IMG src="Image.jpg"
border="0"></A>
<A href="#" title="Some Text Goes Here"><IMG src="Image.jpg"
border="0"></A>
</td>
<td class="divs">
<div class="LinkContents"></div>
</td>
</tr>
</table>
I want to have the title from each image link append to the div and
fade in and then out if possible on hover so if you hovered over a
image link it would fade the title text into the div and when you
hovered over the next it would fade the first one away and then fade
in the title on the next link. I hope this makes sense.
I am so lost on how to get this to do this and can not tell you how
much i would appreciate it if someone could help me out.
Thanks again for everything and great work!!!
Aaron
Not exactly sure what you are looking for. Is this in the ballpark?
var newTitle;
$("div.LinkContents").hide();
$("td.images a").hover(function(){
//mouseover stuff
newTitle = $(this).attr("title");
$("div.LinkContents").text(newTitle).fadeIn();
},function(){
//mouseout stuff
$("div.LinkContents").fadeOut();
});
Let us know if you are looking for something else.
It helps if you write psuedo-code...pretend code that gives the general gist
of what you are aiming for. Even if a line is //magic happens here.
Glen
