JavaScrip Background Image Previewer - New Window

This JavaScript will load a background image onto a new window and tile it for previewing. Image will open in a new window and pre-set size.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script>
<!--
function tile(bgname){
win2=window.open("","","width=380,height=380")
if (win2){
win2.focus()
win2.document.open()
win2.document.write("<head><title>"+bgname+"</title></head>")
win2.document.write("<body background="+'"'+bgname+'"'+">")
win2.document.write("</body>")
win2.document.close()
}
else
alert("Failed in spawning a new window!")
}
//-->
</script>

Insert this code into <body> tags

<a href="test.htm"
onclick="tile('BACKGROUND IMAGE URL 1');return false"><img
src="BACKGROUND IMAGE URL 1" border="0" width="80"
height="80"></a>
<a href="test.htm"
onclick="tile('BACKGROUND IMAGE URL 2');return false"><img
src="BACKGROUND IMAGE URL 2" border="0" width="128"
height="128"></a>

Instruction:

Change width=380,height=380 for the new window size in pixel.

Change BACKGROUND IMAGE URL to the url of the background image.

Webmaster » Web Programming » JavaScript » Background Effects » Background Image Previewer - New Window

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links