Conflict between two scripts!

[chrbar]

Hi,

I would like to use two DD scripts:
Drop down/ Overlapping Content
http://www.dynamicdrive.com/dynamici...lapcontent.htm
and
Dissolving Image Rollover
http://www.dynamicdrive.com/dynamici...ssolveroll.htm

But the Image Rollover does not function when I add them together on an image link

<td height="13" align="left" valign="top"><a href="#" onMouseOver="turnOn('button1');" onMouseOut="turnOff('button1');" id="buttonA" rel="subcontent1"><img name="button1" class="imgTrans" src="images/button1.jpg" alt="" width="113" height="13" border="0" /></a></td>

If I remove
id="button1" rel="subcontent1"
the Image Rollover functions correctly (but no more Drop down/ Overlapping Content).

And if I leave
id="buttonA" rel="subcontent1"
the Image Rollover does not function anymore (but the Drop down/ Overlapping Content runs correctly).

Someone could help me
Thanks a lot,
Chris

[jscheuer1]

Put the events for the image in the image tag, leave the nomenclature for the drop down in the link tag (worked out from the two demo pages):

<p>Demo #1: <a href="http://www.dynamicdrive.com/forums/" 
id="searchlink" rel="subcontent"><img name="home" class="imgTrans" 
onMouseOver="turnOn('home');"
onMouseOut="turnOff('home');"
src="home_off.gif" border="0"></a></p>

Not pretty, but works.

[chrbar]

I'll use your code!
Thanks a lot John