Username:

Password:

Remember Me?

User Scripts

Title:

Twitter Full-sized User Pics

Date Added:

2009-12-28 08:29:51

Installs:

593

Description:

Display a full-sized user picture in a top-corner of the window upon mousing over one of the user thumbnails.

Latest version (1.4) also works for thumbnails that were dynamically loaded later.

Preview of Twitter Full-sized User Pics

View script source of Twitter Full-sized User Pics

// ==UserScript==
// @name         Twitter Full-sized User Pics
// @description  Display full-sized user pics upon mouse-over
// @include      http://twitter.com/*
// @include      http://*.twitter.com/*
// @namespace    http://iescripts.org
// @date         28-12-2009
// @version      1.4
// @author       Protector one
// ==/UserScript==

(function(){

  function getLoader(origin){
    return function(){if(this.src==window.targetP1){origin.cursor='auto';}};
  }
  function getErrorer(origin){
    return function(){origin.cursor='auto';};
  }
  function omover(){
    im = null;
    var imc = document.getElementById('twittypic'),
        self = this,
        target = this.src.replace(/_[^_.]+(\.[^\.]+$)/i,'$1'),
        ims = imc.style;
    if(window.targetP1 == target) return;
    window.targetP1 = target;
    this.style.cursor = 'wait'
    imc.onload = getLoader(this.style);
    imc.onerror = getErrorer(this.style);
    imc.src = this.src;
    imc.src = target;
    ims.display = 'block';      
    ims.top = (5 + document.documentElement.scrollTop) + 'px';
    if (document.documentElement.clientWidth/2 < event.clientX){
      ims.left = '5px';
      ims.right = '';
    }else{
      ims.right = '5px';
      ims.left = '';
    }
  }
  function omout(){
    var tmp = document.getElementById('twittypic');
    tmp.style.display = 'none';
    window.targetP1 = false;
  }

  // main
  (function(){
    var ni = document.createElement('img'),
        si = ni.style,
        selector = 'img[src*=/profile_images/]';
        //im = document.images;
    ni.id = 'twittypic';
    si.display = 'none';
    si.position = 'absolute';
    si.top = '5px';
    si.right = '5px';
    si.zIndex = '1001';
    document.body.appendChild(ni);
    $(selector).live('mouseover',omover);
    $(selector).live('mouseout',omout);
    /*for(var i=0,j=im.length;i<j;++i){
      if(im[i].src.match('/profile_images/')){
        im[i].onmouseover = omover;
        im[i].onmouseout = omout;
      }
    }*/
  })();

})();

Comment of Twitter Full-sized User Pics

	[2009-05-28 09:35:24]Protector0ne says:
	Version 1.1 fixes a bug for images with an underscore in their source URI. It also removes the silly loading-thingy, because it sucked. Finally, the HCI has been improved.

	[2009-05-28 09:37:01]Protector0ne says:
	Er, actually the bug happened when there was more than one period in the filename not an underscore problem, but whatever. :)

	[2009-06-03 08:23:40]Protector0ne says:
	Very small edit just now. Too small for a version increase, really. Fixed a bug where the same image wouldn't load two times in a row. Now it does.

	[2009-06-24 06:28:41]Protector0ne says:
	Version 1.2 is functionally identical to 1.1, but I refactored my code to prevent a possible Circular Reference through Closures, as detailed here: http://blogs.msdn.com/ericlippert/archive/2003/09/17/53028.aspx

	[2009-08-19 13:26:51]Protector0ne says:
	1.2 stopped working due to new Twitter hostings. 1.3 is here to fix that.

	[2009-12-28 08:15:21]Protector0ne says:
	1.4 is better, and fixes a bug causing the image to appear under other content. (Curse you, z-index!)

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

Twitter, user picture, image, avatar

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