Google Image Relinker with Mouseover
— Last update Aug 7, 2008 — Installed 12,092 times.
Script Summary:
View Google Image Search links in CSS Popup on Mouseover
View Google Image Search links in CSS Popup on Mouseover
| Recently Updated Topics | Posts |
|---|---|
| Can we have the mouseover w... | 1 |
| Archived Comments | 18 |
this script has 2 topics, 19 posts
| Review Summary | ||
|---|---|---|
 |
(1) | |
|
(3) | |
|
(0) | |
|
(0) | |
|
(0) | |
this script has 4 reviews
I was doing a Google Image Search for Hot Lyla from Friday Night Lights and as always I had to go through a number of clicks to open the photos that looked "promising" in new tabs before starting to view them.
So, being a long weekend, I thought why not do a NetFlix kind of Popup for Google Image Search Results so that I don't have to go through this clicking routine everytime I am searching for a hot girl!
My Script is a mashup of the original script by Patrick Cavit and a Dynamic Drive CSS Library.
Although, Eric Hamiter & CustomizeGoogle have already fixed the most irritating issue of having to click twice on search result to get to original image, I wanted to take it a step further by not having to click at all (atleast for small/medium images). Instead of opening images in separate tabs, you can view it in a CSS Popup on Mouseover.
Unlike NetFlix, who have fixed size Popup for Movie Info, I had to figure out the least ugly way to position Popups since the images are of random sizes.. The default CSS Library was always positioning the Popup below the search result with a little left offset. This was looking very ugly for the search results on the right & bottom portion of the page. I was not able to fix this issue through CSS because of my limited knowledge of it. So, I had to write some ugly JavaScript to take care of this.
Update - 06/18/2007 - Based on feedback of "Can't Say No", I retested the Script on Firefox 2.0 with CustomizeGoogle installed. Its weird that they seem to go along fine in Firefox 1.5 but somehow my Script was breaking "Orgin Image" feature of CustomizeGoogle in Firefox 2.0. Anyway, as a precaution I added a onload event listener and now doing my stuff there. Should work now.
Update - 08/06/2008 - On megamorphg's request, added the resize feature. The large images are now resized to fit the available screen area, no need to scroll any more. This feature is dynamic in the sense that the same image will open in different sizes up to its full size depending on the position of its thumbnail on the screen when mouse is hovered over it.
So, being a long weekend, I thought why not do a NetFlix kind of Popup for Google Image Search Results so that I don't have to go through this clicking routine everytime I am searching for a hot girl!
My Script is a mashup of the original script by Patrick Cavit and a Dynamic Drive CSS Library.
Although, Eric Hamiter & CustomizeGoogle have already fixed the most irritating issue of having to click twice on search result to get to original image, I wanted to take it a step further by not having to click at all (atleast for small/medium images). Instead of opening images in separate tabs, you can view it in a CSS Popup on Mouseover.
Unlike NetFlix, who have fixed size Popup for Movie Info, I had to figure out the least ugly way to position Popups since the images are of random sizes.. The default CSS Library was always positioning the Popup below the search result with a little left offset. This was looking very ugly for the search results on the right & bottom portion of the page. I was not able to fix this issue through CSS because of my limited knowledge of it. So, I had to write some ugly JavaScript to take care of this.
Update - 06/18/2007 - Based on feedback of "Can't Say No", I retested the Script on Firefox 2.0 with CustomizeGoogle installed. Its weird that they seem to go along fine in Firefox 1.5 but somehow my Script was breaking "Orgin Image" feature of CustomizeGoogle in Firefox 2.0. Anyway, as a precaution I added a onload event listener and now doing my stuff there. Should work now.
Update - 08/06/2008 - On megamorphg's request, added the resize feature. The large images are now resized to fit the available screen area, no need to scroll any more. This feature is dynamic in the sense that the same image will open in different sizes up to its full size depending on the position of its thumbnail on the screen when mouse is hovered over it.
