onmouseover the image become zoom just like in google search

  • ultimate11
  • Student
  • Student
  • No Avatar
  • Joined: Feb 02, 2011
  • Posts: 86
  • Status: Offline

Post February 2nd, 2011, 5:57 pm

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
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post February 2nd, 2011, 5:57 pm

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post February 15th, 2011, 10:18 am

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
  • No Avatar
  • Joined: Feb 02, 2011
  • Posts: 86
  • Status: Offline

Post February 16th, 2011, 1:20 am

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
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post February 16th, 2011, 10:16 am

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
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post February 16th, 2011, 11:26 am

I believe what you are looking for is called Lightbox

http://www.huddletogether.com/projects/lightbox2/
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • ultimate11
  • Student
  • Student
  • No Avatar
  • Joined: Feb 02, 2011
  • Posts: 86
  • Status: Offline

Post February 21st, 2011, 1:44 am

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 102 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.