onmouseover the image become zoom just like in google search

  • ultimate11
  • Student
  • Student
  • ultimate11
  • Posts: 86

Post 3+ Months Ago

hi guys...in need to know how to zooming the image if the mouse is on top of it...just like if you search in google image.....maybe you can give me a code... :D
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

Its probably jquery but its hard to tell because the google source code is minified so its hard to tell what's going on. But what its doing is detecting mouse-over and then increasing the width and height of each image by about 20px I don't know the code but if you check out http://www.jqueryui.com there are examples there which do this more or less.
  • ultimate11
  • Student
  • Student
  • ultimate11
  • Posts: 86

Post 3+ Months Ago

thanks for advise ...but i think i get it now..i'm not 100% sure but it's look like its just CSS specifically the hover...i tried it just what you said by increasing the size...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

the problem is that if you use JUST css the image will jump in size, if you look at google there is an animation.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

I believe what you are looking for is called Lightbox

http://www.huddletogether.com/projects/lightbox2/
  • ultimate11
  • Student
  • Student
  • ultimate11
  • Posts: 86

Post 3+ Months Ago

Lightbox is cool but I already done that long time ago but not so very long.. but that's not what I'm looking just a simple a little zooming and cannot cover the whole page...

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 39 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.