Revision: 26666
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 6, 2010 01:08 by myowin76
Initial Code
#Header <script type="text/javascript" src="../_scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../_scripts/jquery-ui-1.7.2.custom.min.js"></script> <script type="text/javascript"> $(function(evt) { $("a:has(img.gallery)").click(function() { var largePath = $(this).attr("href"); var caption = $(this).attr("title"); $("#photo_large").attr({ src: largePath }); $("#caption1").text(caption); return false; }); }); </script> # body <div id="identifier"> <img alt="Live the lifestyle" height="90" src="../_images/lifestyle_banner.jpg" width="770" /></div> <div id="sidebar"> <a href="../_images/ventura_01.jpg" title="Getting ready to hit the surf"><img id="thumb_01" alt="ventura set" class="gallery" height="160" name="thumb_01" src="../_images/ventura_01_thumb.jpg" width="200" /></a> <a href="../_images/ventura_02.jpg" title="Clearly marked!"><img id="thumb_02" alt="ventura set" class="gallery" height="160" name="thumb_02" src="../_images/ventura_02_thumb.jpg" width="200" /></a> <a href="../_images/ventura_03.jpg" title="Check out the windsurfers in the back!"><img id="thumb_03" alt="ventura set" class="gallery" height="160" name="thumb_03" src="../_images/ventura_03_thumb.jpg" width="200" /></a> <a href="../_images/ventura_04.jpg" title="Winding down"><img id="thumb_04" alt="ventura set" class="gallery" height="160" name="thumb_04" src="../_images/ventura_04_thumb.jpg" width="200" /></a> </div>
Initial URL
Initial Description
swaping main image by clicking thumbs
Initial Title
jQuery Image Swap
Initial Tags
javascript, jquery
Initial Language
jQuery