CODEWITHSUNDEEP
phpjqueryhtmlcss
Bhavik Hirani
Bhavik Hirani

Reputation: 2016

jQuery Image Zoom With Mouse Wheel or Touch Scroll

hello i have simple div with 500x500 in html page including jQuery. i want to use image in div, on image click it will zoom within div. image size 1320x917. and also i can scroll image with mouse.

HTML code : 

<div class="div1">
   <img src="imag1.png" />
</div>

CSS code : 

.div1{
  width:500px;
  height:500px;
}

Upvotes: 1

Views: 3300

Answers (3)

user5735808
user5735808

Reputation:

Try this this is best zoom for you Photoswipe

Upvotes: 1

Arunjith R S
Arunjith R S

Reputation: 862

You can use JQuery plugin for image zooming functionality. Please have a look at this

Upvotes: 0

chirag
chirag

Reputation: 1779

try this css:

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

demo:

https://jsfiddle.net/bqtd7xef/1/

Upvotes: 0

Related Questions