Preloading Images In Javascript

<html><head>

<script type=”text/javascript”>

img2=new Image();img2.src=“landscape3.gif”;

function changeImage(){

document.getElementById(‘myImage’).src=img2.src;}

</script></head><body>

<p>

When you mouse over the image, a new image will appear.</p>

<img id=”myImage” onmouseover=”changeImage()” border=”0″ width=”160″ height=”120″

src=”landscape2.jpg”>

<p>

The new image appears instantly, because your browser has already loaded the image.</p></body></html>

Advertisements

Script For Detecting The Browser In Use

<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”Default.aspx.cs” Inherits=”_Default” %>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;<html xmlns=”http://www.w3.org/1999/xhtml”>&lt;head runat=”server”>

<title>Untitled Page</title></head><body>

<form id=”form1″ runat=”server”>

<div>

<script type=”text/javascript”>

var BrowserDetect = {init: function () {

this.browser = this.searchString(this.dataBrowser) || “An unknown browser”;this.version = this.searchVersion(navigator.userAgent)||

this.searchVersion(navigator.appVersion)|| “an unknown version”;

this.OS = this.searchString(this.dataOS) || “an unknown OS”;},

searchString: function (data) {for (var i=0;i<data.length;i++) {

var dataString = data[i].string;var dataProp = data[i].prop;

this.versionSearchString = data[i].versionSearch || data[i].identity;if (dataString) {

if (dataString.indexOf(data[i].subString) != -1)return data[i].identity;}

else if (dataProp)

return data[i].identity;}

},

searchVersion: function (dataString) {var index = dataString.indexOf(this.versionSearchString);

if (index == -1) return;return parseFloat(dataString.substring(index+this.versionSearchString.length+1));},

dataBrowser: [

{ string: navigator.userAgent,

subString: “OmniWeb”,versionSearch: “OmniWeb/”,identity: “OmniWeb”

},

{

string: navigator.vendor,

subString: “Apple”,identity: “Safari”

},

{

prop: window.opera,

identity: “Opera”

},

{

string: navigator.vendor,

subString: “iCab”,identity: “iCab”

},

{

string: navigator.vendor,

subString: “KDE”,identity: “Konqueror”

},

{

string: navigator.userAgent,

subString: “Firefox”,identity: “Firefox”

},

{

string: navigator.vendor,

subString: “Camino”,identity: “Camino”

},

{ // for newer Netscapes (6+)

string: navigator.userAgent,

subString: “Netscape”,identity: “Netscape”

},

{

string: navigator.userAgent,

subString: “MSIE”,identity: “Explorer”,versionSearch: “MSIE”

},

{

string: navigator.userAgent,

subString: “Gecko”,identity: “Mozilla”,versionSearch: “rv”

},

{ // for older Netscapes (4-)

string: navigator.userAgent,

subString: “Mozilla”,identity: “Netscape”,versionSearch: “Mozilla”

}

],

dataOS : [

{

string: navigator.platform,

subString: “Win”,identity: “Windows”

},

{

string: navigator.platform,

subString: “Mac”,identity: “Mac”

},

{

string: navigator.platform,

subString: “Linux”,identity: “Linux”

}

]

};

BrowserDetect.init();

</script>

<script type=”text/javascript”>

document.write(‘<p class=”accent”>You\’re using ‘ + BrowserDetect.browser + ‘ ‘ + BrowserDetect.version + ‘ on ‘ + BrowserDetect.OS + ‘!</p>’);</script>

</div>

</form></body></html>