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">
<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";}
// -->
<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">
<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">
<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">
<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">
<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">
<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">
<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">
<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>
Photo gallery code by Photo Gallery Maker
Free for personal use in ebay listings
<style type="text/css">
#photoexd1 {display: block;}
.photoedis {display: none;}
<!-- Photo gallery End -->

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