Image Gallery Codepen
HTML Code width JQuery Script <!--<div class="wrapper"> <div class="images"> <img src="https://source.unsplash.com/1600x900/?rainforest" /> <img src="https://source.unsplash.com/1600x900/?trees" /> <img src="https://source.unsplash.com/1600x900/?rocks" /> <img src="https://source.unsplash.com/1600x900/?mountains" /> <img src="https://source.unsplash.com/1600x900/?water" /> <img src="https://source.unsplash.com/1600x900/?nature" /> </div> <div class="text"> <p>Click the images.</p> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> $(".images img").click(function () { $(this).addClass("zoom"); }); $(".images img").mouseleave
