This seems almost perfect! Great job in figuring out what i ment.
Sorry about not putting more details. :)
i have tried the code like this and it does not appear to work. Can
you see anything i am doing wrong?
<SCRIPT src="AboutJones_files/jquery.js" type=text/javascript></
SCRIPT>
<SCRIPT type=text/javascript>
jQuery.noConflict();
var newTitle;
jQuery("div.LinkContents").hide();
jQuery("td.images a").hover(function(){
//mouseover stuff
newTitle = jQuery(this).attr("title");
jQuery("div.LinkContents").text(newTitle).fadeIn();
},function(){
//mouseout stuff
jQuery("div.LinkContents").fadeOut();
});
</SCRIPT>
<LINK href="AboutJones_files/EEWeb.css" type=text/css rel=stylesheet>
<LINK media=screen href="AboutJones_files/thickbox.css" type=text/css
rel=stylesheet>
</head>
<body>
<table width="700" border="0" cellspacing="0" cellpadding="0"
id="ImageTable">
<tr>
<td width="231" class="images">
<A href="#" title="1 Some Text Goes Here"><IMG src="AboutJones_files/
MeetFace1.jpg"
border="0"></A>
<A href="#" title="2 Some Text Goes Here"><IMG src="AboutJones_files/
MeetFace2.jpg"
border="0"></A>
<A href="#" title="3 Some Text Goes Here"><IMG src="AboutJones_files/
MeetFace3.jpg"
border="0"></A></td>
<td width="469" class="divs">
<div class="LinkContents"></div>
</td>
</tr>
</table>
Thanks again for the help! :)
On May 7, 11:31 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
> 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- Hide quoted text -
>
> - Show quoted text -
