Premetto la mia più completa ignoranza nel linguaggio di programmazione ...vago per il web a cercare funzioni che mi possono interessare e tento di conciliarle tramite semplici prove pratiche.
C'e' qualcuno che mi può aiutare a 'unire' (cioè fare in modo che funzionino insieme, o comunque ipotesi alternative che comunque ottengano lo stesso risultato) le seguenti funzioni che ho volgarmente scopiazzato? (il mio obiettivo è di ottenere un'immagine in rollover e nel contempo visualizzarla nell'area prevista dalla prima funzione).
Grazie dell'aiuto che qualcuno mi vorrà offrire, anche con indicazioni passo passo (considerato il mio livello di capacità).
1) funzione
<script type="text/javascript">
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["photo1.jpg", ""]
dynimages[1]=["photo2.jpg", ""]
dynimages[2]=["photo3.jpg", ""]
//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
XImageTransform.Microsoft.GradientWipe(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
}
}
..........nel body.......
<div id="dynloadarea" style="width: 383; height: 278; position: absolute; left: 218; top: 11">
<a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img border="0" src="immagine.jpg" name 'image1' width="50" height="49" style="margin-bottom: 5px"></a></td>
<td width="38"></td>
2 funzione
function preload() {
if (!document.images) return;
var wl = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
wl = new Image();
wl.src = arguments;
}
.........nel body.......
<body onLoad="preload('immagine1.jpg','immagine2.jpg', immagine3.jpg)">
<a href="link1.html"
onMouseOver="document.images[0].src='3on.jpg';"
onMouseOut="document.images[0].src='3off.jpg';">
<IMG src="3off.jpg" width=85 height=100></a>
C'e' qualcuno che mi può aiutare a 'unire' (cioè fare in modo che funzionino insieme, o comunque ipotesi alternative che comunque ottengano lo stesso risultato) le seguenti funzioni che ho volgarmente scopiazzato? (il mio obiettivo è di ottenere un'immagine in rollover e nel contempo visualizzarla nell'area prevista dalla prima funzione).
Grazie dell'aiuto che qualcuno mi vorrà offrire, anche con indicazioni passo passo (considerato il mio livello di capacità).
1) funzione
<script type="text/javascript">
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["photo1.jpg", ""]
dynimages[1]=["photo2.jpg", ""]
dynimages[2]=["photo3.jpg", ""]
//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
XImageTransform.Microsoft.GradientWipe(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
}
}
..........nel body.......
<div id="dynloadarea" style="width: 383; height: 278; position: absolute; left: 218; top: 11">
<a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img border="0" src="immagine.jpg" name 'image1' width="50" height="49" style="margin-bottom: 5px"></a></td>
<td width="38"></td>
2 funzione
function preload() {
if (!document.images) return;
var wl = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
wl = new Image();
wl.src = arguments;
}
.........nel body.......
<body onLoad="preload('immagine1.jpg','immagine2.jpg', immagine3.jpg)">
<a href="link1.html"
onMouseOver="document.images[0].src='3on.jpg';"
onMouseOut="document.images[0].src='3off.jpg';">
<IMG src="3off.jpg" width=85 height=100></a>
