Space Picture Gallery
Show/hide code..
Create a jQuery Photo Gallery with jQuery and HTML: jQuery: <script> $('#thumbs img').click(function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); }); $('#thumbs').delegate('img','click', function(){ $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large')); $('#description').html($(this).attr('alt')); }); </script> HTML: <div id="gallery"> <div id="panel"> <div id="thumbs"> <img src="pagecontent/img/mars_thumb.jpg" alt="Mars" /> </div> <BR><div id="description"></div><BR> <img id="largeImage" src="pagecontent/img/mars_large.jpg" /> </div> </div>
