Hi all, I'm new here and appreciate any help on this which is a simple thing but not for me.

I'm using Java in some Ebay listings to display various galleries of pictures which are hosted elsewhere (photobucket)

The gallery works perfectly but I need more than one in the same listing and when I do that the second or third gallery changes the pictures on the first gallery, I;m assuming because the code is using the same variables or something.

Anyway the question is what do I have to change to have more than one running on the same page, code is below....thanks in advance

<!-- Photo gallery Start -->
<table align="left" style="margin: 0px auto; padding: 10px 0px; border: 1px solid rgb(153, 51, 51); color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" cellspacing="0" cellpadding="0">
<tbody><tr>
<td style="padding: 10px 5px 10px 10px; width: 580px; text-align: center; vertical-align: top;">
<script language="JavaScript" type="text/javascript">
<!--
function showPhoto(num)
{
for (i = 1; i <= 7; i++)
// Above line needs to match the total number of photos in gallery
{document.getElementById("photoexd" + i).style.display = "none";
document.getElementById("photoexd" + num).style.display = "block";}
}
// -->
</script>
<div class="photoedis" id="photoexd1" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_028.jpg">
<p></p></div>
<div class="photoedis" id="photoexd2" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_026.jpg">
<p></p></div>
<div class="photoedis" id="photoexd3" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023.jpg">
<p></p></div>
<div class="photoedis" id="photoexd4" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023-small.jpg">
<p></p></div>
<div class="photoedis" id="photoexd5" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_034.jpg">
<p></p></div>
<div class="photoedis" id="photoexd6" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_033.jpg">
<p></p></div>
<div class="photoedis" id="photoexd7" style="margin: 0px auto;">
<img src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_032.jpg">
<p></p></div></td>
<td style="padding: 10px; text-align: center; vertical-align: top;">
<ul style="list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(112, 112, 112); width: 110px; height: 400px; overflow: auto;">
<!-- The above height sets the height of the thumbnail gallery, default value 400px -->
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(1)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_028.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(2)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_026.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(3)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(4)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%201/WP_20130823_023-small.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(5)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_034.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(6)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_033.jpg"></li>
<li style="margin: 3px 0px;"><img style="width: 82px;" onmouseover="showPhoto(7)" src="http://i1132.photobucket.com/albums/m574/eshezo1/SCX%20600%202/WP_20130823_032.jpg"></li>
</ul>
</td></tr></tbody></table>
<!--
Photo gallery code by Photo Gallery Maker
Free for personal use in ebay listings
-->
<style type="text/css">
<!--
#photoexd1 {display: block;}
.photoedis {display: none;}
-->
</style>
<!-- Photo gallery End -->




Edit / Delete Edit Post Quick reply to this message Reply Reply With Quote Reply With Quote Multi-Quote This Message