Avete un javascript per impostare subito un immagine come sfondo magari dopo in click col mouse???
Printable View
Avete un javascript per impostare subito un immagine come sfondo magari dopo in click col mouse???
http://www.asbafo.net/ja_sfondi/sfondi_01.html
qui c'è qualcosa!
<a href="#" onClick="document.body.background='immagine.gif'"> <img src="immagine.gif"></a>
Vedi un po' se funge, io penso di sì...
Ciao! :grin:
Grazie mille!!
Voglio fare una sezione sfondi facendoli prima vedere con questo codice:
<html>
<head><script type="text/javascript">
/***********************************************
* Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
// prelevato ed illustrato su http://www.web-link.it
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["photo1.jpg", "http://www.web-link.it"]
dynimages[1]=["photo2.jpg", "http://www.web-link.it"]
dynimages[2]=["photo3.jpg", "http://www.web-link.it"]
//Preload images ("yes" or "no"):
var preloadimg="no"
//Set optional link target to be added to all images with a link:
var optlinktarget=""
//Set image border width
var imgborderwidth=0
//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:
var filterstring="progid:DXImageTransform.Microsoft.Gr adientWipe(GradientSize=1.0 Duration=0.7)"
///////No need to edit beyond here/////
if (preloadimg=="yes"){
for (x=0; x<dynimages.length; x++){
var myimage=new Image()
myimage.src=dynimages[x][0]
}
}
function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}
function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
</script>
</head>
<body>
<a href="#" onMouseover="modifyimage('dynloadarea', 0)">image 1 (onmouseover)</a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 1)">image 2 (onmouseover)</a><br>
<a href="#" onClick="return modifyimage('dynloadarea2', 2)">image 3 (onclick)</a><p>
<div id="dynloadarea" style="width:80px;height:225px"></div>
<div id="dynloadarea2" style="width:80px;height:200px"></div>
Come posso utilizzare anke:
<a href="#" onClick="document.background='immagine.gif'"><img src="immagine.gif"></a>
è possibile???(nn ho ankora guardato bn il codice ma a prima vista nn penso di riuscirci).
Così è possibile:
<a href="#" onMouseover="modifyimage('dynloadarea', 0)"onClick="document.background='immagine.gif'"><i mg src="immagine.gif"></a><br>???
Il codice che ti ho dato io l'ho provato e funziona, ma devi aggiungere .body a document (ho modificato il post di ieri):
<a href="#" onClick="document.body.background='immagine.gif'"> <img src="immagine.gif"></a>
cmq penso vada bene per il resto.
Ciao! :=D:
Grazie mille ora ci provo poi ti so dire!!!
Ho fatto così <a href="immagine.jpg" onMouseover="modifyimage('dynloadarea', 0)"
onClick="document.body.background='immagine.jpg'"> Sfondo 1</a>
ma non mi va... peccato...