[rails-oceania] How does the new Google images work?

http://www.google.com.au/images?q=dogs&biw=1246&bih=985 Have you seen Google's new look image search? Besides being super fast, it's got a nice way of showing an image's details on hover. I'd like to implement a similar hover display on Goo

Re: [rails-oceania] How does the new Google images work?

Yeah, http://desandro.com/resources/jquery-masonry/ I'm building an iPhone/iPad web app that uses it for image search http://github.com/juliocesar/domino Counts as a "ghost of done" now that I said so on the Internet before it's done :) On Wed, Aug 18, 2010 at 9:50 PM, Mike Bailey wrote: >

Re: [rails-oceania] How does the new Google images work?

That looks pretty cool Julio! Right now I'm wondering how to make a div popup when users hover over the image. It needs to grab some values from the image element like google does: I'm sure it's a simple one. :-) - Mike On Wed, Aug 18, 2010 at 9:59 PM, Julio Cesar Ody wrote: > Yeah, > > htt

Re: [rails-oceania] How does the new Google images work?

I'm no jQuery king, but this should get you started on popping the images up... you will need to fix the positioning of the image as well by adding the appropriate style. jQuery(function($) { $('img').live('hover', function(){ $(this).animate({ height: $(this).attr('data-height'),

Re: [rails-oceania] How does the new Google images work?

Thanks Mikel, that looks like what I need! :-) - Mike On Wed, Aug 18, 2010 at 10:33 PM, Mikel Lindsaar wrote: > I'm no jQuery king, but this should get you started on popping the images > up... you will need to fix the positioning of the image as well by adding > the appropriate style. > > jQue

Re: [rails-oceania] How does the new Google images work?

Hey Mike, You could achieve something like this with CSS and no JavaScript: http://gist.github.com/534548 I'm not sure how this will behave in some browsers. IE6 for one won't like div:hover. You can go and enhance it with CSS3 box shadows and even transitions for

Re: [rails-oceania] How does the new Google images work?

That would be simpler *but* I'm wanting to display some text above and below the image when they hover. Hover over a pooch and you'll see what I mean. :-) - Mike On Wed, Aug 18, 2010 at 10:44 PM, Dylan Fogarty-MacDonald wrote: > Hey Mike

Re: [rails-oceania] How does the new Google images work?

And once again we have reason to wonder why the frak CSS is missing a parent selector... Sent from my iPhone On 18/08/2010, at 11:02 PM, Mike Bailey wrote: That would be simpler *but* I'm wanting to display some text above and below the image when they hover. Hover over a pooch

Re: [rails-oceania] How does the new Google images work?

Hey, I might be misunderstanding you, but this has text on hover: http://skitch.com/dylanfm/d1t3r/image-popup http://gist.github.com/534548 Dylan On 18 August 2010 23:03, Bodaniel Jeanes wrote: > And once again we ha

Re: [rails-oceania] How does the new Google images work?

My mental CSS rendering engine must have failed! Yeah, that's what I want. :-) thanks, - Mike On Wed, Aug 18, 2010 at 11:09 PM, Dylan Fogarty-MacDonald wrote: > Hey, > > I might be misunderstanding you, but this has text on hover: > > http://skitch.com/dylanfm/d1t3r/image-popup >