PDA

View Full Version : two slide shows on one page - one not working



tmate
01-26-2011, 11:14 PM
I know this is a common problem, and each slide show script is a bit different and I can't get this to work exactly right:

http://www.javascriptkit.com/script/script2/rolldifferent.shtml

I've got two tables containing mouseover image "slide" shows - numbered sequentially but both are on the same index.html page. One image show comes up with the first navigation link, the second image show comes up with the second navigation link. The first image show works, the second doesn't - could you tell me what is causing that.

there is a javascript glider that requires them both to be on the same page. link to the page here . . .

http://www.sunupdesignbuild.com/NEW/index.html

appreciate your help
thank you
T

Philip M
01-27-2011, 08:03 AM
This question has been asked (and answered) many times before in this forum.

Try using the search feature, and come back only if you are really stuck.

It is your responsibility to die() if necessary….. - PHP Manual

vwphillips
01-27-2011, 02:30 PM
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

var goto='#';

function changeimage(towhat,url){
if (document.images){
document.getElementById('targetimage').src=towhat.src
gotolink=url
}
}

function changeimage2(towhat,url){
if (document.images){
document.getElementById('targetimage2').src=towhat.src
gotolink=url
}
}




<div id="lawrence" class="glidecontentwrapper">

<div class="glidecontent">
<table width="700" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="300" align="left" valign="top">
<table width="300" border="0" align="right" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><a href="#" onMouseover="changeimage(myimages[0],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_kit.jpg" width="75" height="75" name="Lawrence_thumb_kit" hspace="2" vspace="5" border="0"></a></td>
<td><a href="#" onMouseover="changeimage(myimages[1],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_living.jpg" width="75" height="75" name="Lawrence_thumb_living" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage(myimages[2],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_livingSE.jpg" width="75" height="75" name="Lawrence_thumb_livingSE" border="0" hspace="2"></a></td>
</tr>
<tr>
<td><a href="#" onMouseover="changeimage(myimages[3],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_doorway.jpg" width="75" height="75" name="Lawrence_thumb_doorway" hspace="2" border="0"></a></td>

<td><a href="#" onMouseover="changeimage(myimages[4],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_guestview.jpg" width="75" height="75" name="Lawrence_thumb_guestview" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage(myimages[5],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_patioguest.jpg" width="75" height="75" name="Lawrence_thumb_patioguest" hspace="2" border="0"></a></td>
</tr>
<tr>
<td><a href="#" onMouseover="changeimage(myimages[6],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_extwindow.jpg" width="75" height="75" name="Lawrence_thumb_extwindow" hspace="2" vspace="5" border="0"></a></td>
<td><a href="#" onMouseover="changeimage(myimages[7],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_doordetail.jpg" width="75" height="75" name="Lawrence_thumb_doordetail" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage(myimages[8],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_thumb_offwindow.jpg" width="75" height="75" name="Lawrence_thumb_offwindow" border="0" hspace="2"></a></td>
</tr>

<tr><td colspan="3" align="right"><div class="text">The Lawrence home is a small adobe that incorporates passive solar design in the main living area and detached office/guest house suite. Gardens and covered patios expand the living space.<br>A workshop adjoins the<br>main living area.</div></td></tr>

</table>
</td>
<td width="400"><a href="javascript:warp()"><img src="http://www.sunupdesignbuild.com/NEW/images/Lawrence_home.jpg" id="targetimage" border=0></a></td>
</tr>
</table>
</div>

<div class="glidecontent">
<table width="712" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="300" align="left" valign="top">
<table width="300" border="0" align="right" cellspacing="0" cellpadding="0" border="0">
<td><a href="#" onMouseover="changeimage2(myimages[9],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_lawrence1.jpg" width="75" height="75" name="Gardenpatio_thumb_lawrence1" hspace="2" vspace="5" border="0"></a></td>

<td><a href="#" onMouseover="changeimage2(myimages[10],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_lawrencep.jpg" width="75" height="75" name="Gardenpatio_thumb_lawrencep" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage2(myimages[11],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_lawrence2.jpg" width="75" height="75" name="Gardenpatio_thumb_lawrence2" border="0" hspace="2" alt=""></a></td>
</tr>
<tr>
<td><a href="#" onMouseover="changeimage2(myimages[12],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_morning.jpg" width="75" height="75" name="Gardenpatio_thumb_morning" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage2(myimages[13],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_guestview.jpg" width="75" height="75" name="Gardenpatio_thumb_guestview" hspace="2" border="0"></a></td>
<td><a href="#" onMouseover="changeimage2(myimages[14],this.href)"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_thumb_ramada.jpg" width="75" height="75" name="Gardenpatio_thumb_ramada" hspace="2" border="0"></a></td>
</tr>
<tr><td colspan="3" align="right"><div class="text">Sunup Design/Build homes feature gardens and patios modeled on the Japanese technique of blending the indoors and outdoors. Expanses of glass let natural light into the house and connect the house to the gardens beyond.</div></td></tr>

</table>
</td>
<td width="400"><a href="javascript:warp()"><img src="http://www.sunupdesignbuild.com/NEW/images/Gardenpatio_lawrence.jpg" id="targetimage2" border=0></a></td>
</tr>
</table>
</div>
<div class="glidecontent">
<div class="orglist"><div class="text">This jewel in the forest is 20 minutes from Downtown Silver City and within miles of the National forest and trails. Number of acres and other information regarding the property. </div>

</div>