<script type="text/javascript"> $(document).ready(function () { $(".thumbnail").click(function () { var address = $(".Bigimage").attr("src"); $("#popup").fadeIn("slow") $("#lightbox").attr("src", address); }); $("#popup").click(function () { $("#popup").fadeOut("fast"); }); }); </script>
<div style="background:#e7e5e5; height: 674px;" > <img src="cars thumbnails/Chevrolet thumbnail/03_chevrolet_sail_u_va_caviar_black.png" class="thumbnail" title="Mercedes-Benz SLK55 AMG" /> <img src="cars%20thumbnails/Chevrolet%20thumbnail/2014-Chevrolet-Impala-LTZ-side.png" class="thumbnail" /> <img src="cars%20thumbnails/Chevrolet%20thumbnail/2014-chevrolet-impala-navy-rear-left-angle.png" class="thumbnail" /> </div> </div> <div id="popup"> <div id="center" style="border:hidden;"> <img src="car images/chevrolet/03_chevrolet_sail_u_va_caviar_black.jpg" class="Bigimage" style="height:550px; width:600px;"/> <img src="car images/chevrolet/2014-Chevrolet-Impala-LTZ-side.jpg" class="Bigimage" style="height:550px; width:600px;" /> <img id="lightbox" src="upcomming_Cars/Mercedes-Benz SLK55 AMG.PNG" /> </div></div>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)