»
EnglishFrenchVietnamese

Print - Real-time Background Picture Previewer - JavaScriptBank.com

Full version: jsB@nk » Background » Real-time Background Picture Previewer
URL: https://www.javascriptbank.com/real-time-background-picture-previewer.html

Real-time Background Picture Previewer © JavaScriptBank.comA real-time background previewer that allows surfers to instantly see how a background image will look like in a current document page. Click on any of the thumbnail images, and that particular image temporarily becomes the background image for the page. Click anywhere else to restore the document to its original appearance. If you have a graphics site, your surfers will thank you for this added feature.

Full version: jsB@nk » Background » Real-time Background Picture Previewer
URL: https://www.javascriptbank.com/real-time-background-picture-previewer.html



CSS
<style>.bgimages img {cursor:hand}</style>


JavaScript
<script language="javascript">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/<!--function tile(){if (!document.all)returnvar source=event.srcElementif (source.tagName=="IMG")document.body.style.backgroundImage="url("+source.src+")"}function restore(){document.body.style.backgroundImage='';}document.onclick=restore;//--></script>


HTML
<span class="bgimages" onClick="tile();event.cancelBubble=true"><img src="logojs.gif" width="150" height="60"><br><img src="backgr13.jpg" width="101" height="102"><img src="../image/backgr14.jpg" width="100" height="100"></span>