<meta name="viewport" content="width=device-width, initial-scale=1">

/* sample CSS to set the initial dimensions of images that will be zoomable */
width: 300px;
height: auto;
margin-right: 50px;


<link rel="stylesheet" href="zoomio.css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script src="zoomio.js">

* Zoomio- jQuery In-Place Image Zoom - (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more



jQuery(function($){ // on DOM load
fadeduration: 500



<img class="sampleimage" src="images/carandgirl.jpg" /> <img class="sampleimage" src="images/bluewall.jpg" />