Username:

Password:

Remember Me?

User Scripts

Title:

Myspace Image Rollover

Date Added:

2007-04-24 01:55:12

Installs:

636

Description:

Show a large image while mouse over a photo in myspace.

Preview of Myspace Image Rollover

View script source of Myspace Image Rollover

// ==UserScript==
// @name           MySpace Image Rollover
// @namespace      http://www.lessel.us/
// @include        http://*.myspace.com/*
// @include        http://myspace.com/*
// ==/UserScript==
// By: Mark Lessel
// Email: mark@lessel.us
// Based on a script from Justin Rosenthal

(function(){

function addEvent( obj, type, fn ) {
        if ( obj.attachEvent ) {
                obj["e"+type+fn] = fn;
                obj[type+fn] = function() { obj["e"+type+fn]( window.event ); return false;}
                obj.attachEvent( "on"+type, obj[type+fn] );
        } else
                obj.addEventListener( type, fn, false );
}

var allImages = [], thisImage;
var globalTimer;
/*
allImages = document.evaluate(
	'//img[contains(@src, "ac-images")]',
	document,
	null,
	XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
	null);
*/

var tmpImages = document.getElementsByTagName('img');
for(var i = 0,j=0; i< tmpImages.length; i++){
	var img = tmpImages[i];
	var src = img.src;
	if(src.indexOf('ac-images') != -1){
		allImages[j] = img;
		j++;
	}
}

// Holds paths of all the enlarged images
imgArray = new Array( allImages.length * 2);

i=0;
while (i < allImages.length) {

	thisImage = allImages[i];

	// Example of photo src     -->     03/31/2006
	// http://photos-420.facebook.com/images/profile/628/72/t9999999_99999.jpg
	// want to change the 't' to an 'n' for large image
	var src = thisImage.src;
	//var path = src.substring( 0, src.lastIndexOf('/') + 1 );
	//var fileName = 'n' + src.substring( src.lastIndexOf('/') + 2, src.length);


	//http://a277.ac-images.myspacecdn.com/images01/61/m_def45df272de55260054779f83c824d4.gif
//http://a644.ac-images.myspacecdn.com/01550/34/67/1550157643_m.jpg
	var fileName = src.replace("_m.jpg","_l.jpg");
	fileName = fileName.replace("/m_","/l_");
	fileName = fileName.replace("_s.jpg","_l.jpg");
	fileName = fileName.replace("/s_","/l_");

	thisImage.alt = i;
	imgArray[i] = fileName;
	imgArray[i + allImages.length] = src;

	var newDiv = document.createElement('div');
	var html = "<div id='t" + i + "' class='tip'><img src='" + fileName + "'></div>";
	newDiv.innerHTML = html;
	document.body.appendChild(newDiv);


	addEvent(thisImage, 
		'mouseover',
		function(e) {
			var x = window.event.clientX;
			var y = window.event.clientY;
			var z = 't' + this.alt;
			globalTimer = window.setTimeout(
				function() { popUp(x,y,z); },
				500);
		}
	);


	addEvent(thisImage,
		'mouseout',
		function(e) {
			window.clearTimeout(globalTimer);
			document.getElementById('t' + this.alt).style.visibility = "hidden";
		}
	);

	i++;
}

/*
function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}
*/

PRO_addStyle('.tip {font:10px/12px Arial,Helvetica,sans-serif;border:0;padding:3px 3px 3px 3px;visibility:hidden;position:absolute;z-index:100;color:#333333;top:20px;left:90px;background-color:#3B5998;}');
PRO_addStyle('.tip img {border:2px solid white;}');


function popUp(pgX,pgY,oi) {
	var winWidth = document.body.clientWidth;
	var winHeight = document.body.clientHeihgt;
	objStyle = document.getElementById(oi).style;
	obj = document.getElementById(oi);
	objWidth = obj.offsetWidth;
	if (objStyle.visibility == "visible") {
		objStyle.visibility = "hidden";
	}
	else {
		if ( (pgY + obj.offsetHeight) > winHeight )
			var top = pgY - obj.offsetHeight - 20;
		else
			var top = pgY + 20;

		var left = pgX - (objWidth/4);
		if (left < 2) left = 2;
		else if (left + objWidth > winWidth) left -= objWidth/2;

		left += 'px';
		top += 'px';

		objStyle.left = left;
		objStyle.top = top;
		objStyle.visibility = "visible";
	}

}

})();

Comment of Myspace Image Rollover

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:	funcyboy
Scripts:	5
Styles:	0
Plugins:	0
Tags

myspace

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