PDA

View Full Version : Image rollover and zoom


Garyr
02-10-2013, 09:52 AM
Good morning Can anyone tell me how to create a rollover and image zoom as demonstrated in website www.alinotes.com (http://www.alinotes.com) when the mouse is passed over the image it creates a zoom image so you can see the note in more detail many thanks Gary

Ricky55
02-10-2013, 11:02 AM
You'd use one of the many jQuery plugins available. Check out for some options.

http://www.tripwiremagazine.com/2012/12/jquery-image-zoom.html

Just be careful though using this type of effect as they don't work on touch screens. If the enlargement is important I'd use a jquery light box instead that will work on touch screens.

My personal favourite is colorbox.

http://www.jacklmoore.com/colorbox

Garyr
02-10-2013, 11:08 AM
Your great many thanks