Username:

Password:

Remember Me?

User Scripts

Title:

Google Image Search Inline Loader

Date Added:

2010-05-30 10:08:42

Installs:

1059

Description:

Clicking on an Google Image Search thumbnail will load the actual image inline (i.e. on the page). Clicking the image or somewhere on the background will hide the picture.
The link to the original Google image pages have been preserved, just click on the domain name under a thumbnail.

Preview of Google Image Search Inline Loader

View script source of Google Image Search Inline Loader

// ==UserScript==
// @name         Google Image Search Inline Loader
// @description  Display Google Image Search images after clicking on thumbnail
// @include      http://images.google.*
// @include      http://google.*/images?*
// @include      http://www.google.*/images?*
// @namespace    http://iescripts.org
// @date         30-5-2010
// @version      1.4.1
// @author       Protector one
// ==/UserScript==

(function(){

  if (window.giilP1)
    return;
  else
    window.giilP1 = true;

  function onloaderFactory(ob){
    return function(){
      if(this.src==this.target){
        this.loading = false;
        document.body.style.cursor = 'auto';
        ob.cursor='auto';
        if ((document.body.clientWidth-10)<this.width)
          document.getElementById('inlineP1').style.left = 5;
      }
    };
  }
  
  function onerrorFactory(ob){
    return function(){
      this.loading = false;
      document.body.style.cursor = 'auto';
      ob.cursor='auto';
    };
  }

  function onclicker(){
    var ims, imc = document.getElementById('inlineP1'),
        url = this.href;
    if (url.match(/^javascript:/))
      url = url.match(/.*?'(.*)'/)[1];
    if ((imc.loading) || (!imc.disping && imc.target == url)){
      imc.style.display = 'none';
      imc.style.cursor = 'auto';
      document.body.style.cursor = 'auto';
      imc.src = '';
      imc.target = '';
      return false;
    }
    imc.target = url;
    this.style.cursor = 'wait'
    document.body.style.cursor = 'wait'
    imc.onload = onloaderFactory(this.style);
    imc.onerror = onerrorFactory(this.style);
    imc.src = this.firstChild.src;
    imc.loading = true;
    imc.src = url;
    this.href = 'javascript:\''+url+'\';void(0);';
    ims = imc.style;
    ims.display = 'block'; 
    imc.disping = true;
    ims.top = (5 + document.documentElement.scrollTop) + 'px';
    if (document.body.clientWidth/2 < event.clientX){
      ims.left = '5px';
      ims.right = '';
    }else{
      ims.right = '5px';
      ims.left = '';
    }
    return false;
  }
  
  function main(){
    var res, url,
        ni = document.createElement('img'),
        si = ni.style;
        im = document.getElementById('tDataImage0'),
        ul = document.getElementsByTagName('cite'),
        inx = 0;
    ni.id = 'inlineP1';
    ni.disping = false;
    ni.onclick = function(){
      this.style.display = 'none';
      this.disping = false;
      this.src = '';
    };
    si.display = 'none';
    si.position = 'absolute';
    si.top = '5px';
    si.right = '5px';
    si.zIndex = 9999;
    document.body.appendChild(ni);
    while(im && ul[inx]){
      url = im.firstChild.href;
      res = url.match(/\/?imgurl\=(.*?)&/ );
      res = res[1];
      ul[inx].outerHTML = '<a href="'+url+'">'+ul[inx].outerHTML+'</a>';
      im.firstChild.href = res;
      im.firstChild.onclick = onclicker;
      ++inx;
      im = document.getElementById('tDataImage'+inx);
    }
    document.body.onclick = function(){
      var tmp = document.getElementById('inlineP1');
      if (tmp.disping){
        tmp.disping = false;
      }else{
        tmp.style.display = 'none';
        document.body.style.cursor = 'auto';
        tmp.src = '';
        tmp.target = '';
      }
    }
  }
  main();
  main = null;

})();

Comment of Google Image Search Inline Loader

	[2009-06-24 12:34:13]Protector0ne says:
	Version 1.2 (I think there was no 1.1) has refactored code to prevent Circular References by Closure. It wasn't needed, but this is... neater.

	[2009-07-06 06:05:52]Protector0ne says:
	Fixed a small little error that ocurred when the loaded image was wider than the viewing window. Didn't even increase the version number!

	[2009-07-28 01:18:55] says:
	I point out that since yesterday the script doesn't work anymore

	[2009-08-02 09:48:52]Protector0ne says:
	Version 1.3 fixes what was was broken. Enjoy! :)

	[2009-08-14 00:24:42]kactuskooler says:
	Thank you for a neat little script. =D Good job!

	[2010-04-20 14:40:36]Protector0ne says:
	Google Image Search changed their URL! Whoah! (Actually, it looks like "Google Image Search" doesn't even exist anymore! It's just "Google Search", searching images now. :P)

	[2010-05-30 10:09:44]Protector0ne says:
	I added some z-indexing in v1.4.1. The inline image should be back on top of all other page elements now!

Join Iescripts for a free account, or Login if you are already a member.
Username: Password:

Install Script

Download Script

Add To favorite


Written by


Name:	Protector0ne
Scripts:	19
Styles:	1
Plugins:	0
Tags

Google, image, search, inline, in-line

About IE7Pro
IE7Pro is a plugin for the Internet Explorer web browser. It allows you to change how your favorite pages behave and look. There are many scripts that have already been written, and if you know javascript you can easily create your own! This site is a repository to download and install IE user scripts.
How to install user script
1 . First you should have install IE7Pro 0.9.12 and above which support IE user scripts. 2. Check if IE7Pro "Preference" - "User Scripts" - "EnabLe User Script" is enabled. 3. Find your favorite scripts on iescripts.org and click "Install This Script" .

iescripts.org