Home/ Questions/Q 6192131
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T02:53:32+00:00

I am looking for an image display script similar to the samples shown below.

  • 0

I am looking for an “image display” script similar to the samples shown below. On hover the small images, the larger image changes (similar to Amazon.com, eBay and many other e-commerce websites).

Is there any library/code available to do this?

Example 1

Example 1
---------------------------------------------------------

Example 2

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is a small example of when hovering a smaller image it will change the bigger image

    <html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
        $('.smallImage').hover(function() {
            $('.bigImage').attr('src',this.src);
        });
    });
    </script>
    <style>
        .bigImage {
            width: 100px;
            height: 100px;
            display: block;
        }
        .smallImage {
            width: 50px;
            height: 50px;
            display: inline;
        }
    </style>
</head>
<body>
    <div id="imagesDiv">
        <img class="bigImage" src="Blue hills.jpg"></img>
        <img class="smallImage" src="Blue hills.jpg"></img>
        <img class="smallImage" src="Sunset.jpg"></img>
        <img class="smallImage" src="Water lilies.jpg"></img>
    </div>
</body>
</html>
    • 0