For those of you who have helped me in the past, you may remember my situation trying to show a carousel by clicking on an image inside another carousel.

Well the code I was trying to use in the past wasnt taking at all no matter what I did, so I gave up on it and tried another and much longer hand approach.

I am now making progress, but still there is problems.

instead of showing a functional carousel, I am only getting a static list with lots of empty space to it.

the code I am using now:

Code:
	$("#g1").click(function(){
		$("#p_2").hide();
		$("#p_3").hide();
		$("#p_4").hide();
		$("#p_5").hide();
		$("#p_6").hide(function() {
		$("img#space").hide();
		$("span#picture").show();
		$("div#picture").show();
		$("#p_1").show();
		
		});
	});
I just created multiple of these, one for each image telling the browser exactly what to do. I know its amateur but its actually doing something over my first function I wrote.

My html looks like this:

Code:
<span id="picture" class="picture">
<img src="/photo_site/btnpic_up.png" id="prevpic" style="vertical-align: top; float: left;" 
class="gradualshine" 
 onmouseover="slowhigh(this)" 
 onmouseout="slowlow(this)" vspace="5" width="160" alt="prev"/>

 
 <div class="picture" id="picture">
     <ul id="p_1">
         <li><a href="#"><img src="/photo_site/thumbs/pictures/misc/tm1.png" alt="1" id="p_1" height="160" width="160"/></a></li>
         <li><a href="#"><img src="/photo_site/thumbs/pictures/misc/tm3.png" alt="2" id="p_1" height="160" width="160"/></a></li>
         <li><a href="#"><img src="/photo_site/thumbs/pictures/misc/tm4.png" alt="3" id="p_1" height="160" width="160"/></a></li>
         <li><a href="#"><img src="/photo_site/thumbs/misc.png" alt="4" id="p_1" height="160" width="160"/></a></li>
     </ul>
</div>

<img src="/photo_site/btnpic_dwn.png" id="nextpic" style="vertical-align: bottom; float: left;" 
class="gradualshine" 
 onmouseover="slowhigh(this)" 
 onmouseout="slowlow(this)" vspace="5" width="160" alt="next"/>
 
</span>
I have about 6 more carousels that are nested inside the <div> setup as <ul>s

If you would like to view the page, my link is:

http://royalvillicus.com/photo_site/photo.html

to be able to see the working carousel on the bottom just click on the seashore image.

Thanks a lot for all your help