I have a webpage with an image and two buttons (zoomin and zoomout).
- When I click on zoomin, the cursor will change into zoomin cursor whenever it is over the image, and similarly when I click on zoomout, it will change into zoomout cursor whenever it is over the image.
- When the cursor is zoomin, if I click on the image, the image will be zoomed in for 10%, and similarly for zoomout.
Anyone can help me to write code for the above purpose?
Thanks in advance.
do you need the image to keep the same size?
the image will be zoomed similarly to your example, but under the way as i proposed, it means when i click on the image and the cursor is in "zoomin" state, the image will be larger by 10%
well, the cursor change can be done in css, if you have the cursor image url somewhere
then you will have to run the script in the event of a click
i dont think its possible to change the cursor into a loupe...
CSS Cursor property
maybe it works when you use a div tag, which appears when you are above the image... not sure if that works...
you can have a custom cursor
cursor : url("zoom.cur");
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)