how to make a zooming cursor on image in jquery

Question

1.22/5 (3 votes)

See more:

I want to zoom the image on cursor.and the url of the browser is as like this
http://www.houseofblouse.com/images/mediakitimages/base-style-page-big.jpg.

Posted 26-Aug-15 20:06pm

Hussain Javed

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Arasappan · Answer 1 · 2015-08-26T20:17:00

Solution 1

Simply go throgh the following site...
http://www.aspdotnet-suresh.com/2013/04/jquery-zoom-image-on-mouseover-using.html[^]

Try this..
http://stackoverflow.com/questions/1581784/how-to-zoom-in-an-image-using-jquery[^]

Posted 26-Aug-15 20:17pm

Arasappan

Updated 26-Aug-15 21:14pm

v2

Comments

Hussain Javed 27-Aug-15 3:11am

http://www.houseofblouse.com/media-kit
please see this page you will understand what i need. and if i click any of the image in that page the image will open in another page and observe the url of the page is like this
http://www.houseofblouse.com/images/mediakitimages/base-style-page-big.jpg

Sergey Alexandrovich Kryukov 27-Aug-15 10:18am

5ed.
—SA

Arasappan 28-Aug-15 7:18am

thank u surgey

Wendelius 6-Sep-15 0:37am

Nice links. 5'd.

Arasappan 7-Sep-15 1:14am

thank u mika

Sergey Alexandrovich Kryukov · Answer 2 · 2015-08-26T20:27:00

Solution 2

Please see: https://api.jquery.com/hover[^].

—SA

Posted 26-Aug-15 20:27pm

Sergey Alexandrovich Kryukov

Comments

Arasappan 27-Aug-15 2:36am

5

Sergey Alexandrovich Kryukov 27-Aug-15 10:16am

Thank you.
—SA

Hussain Javed 27-Aug-15 3:11am

http://www.houseofblouse.com/media-kit
please see this page you will understand what i need. and if i click any of the image in that page the image will open in another page and observe the url of the page is like this
http://www.houseofblouse.com/images/mediakitimages/base-style-page-big.jpg

Sergey Alexandrovich Kryukov 27-Aug-15 10:18am

This is not a page, just an image. I already told you what to do. What's unclear?
—SA