Ciao a tutti...mi decido a scriverVi perchè ho un problema con una richiesta di un mio cliente a cui non riesco a venire a capo.
a questo script
var dynimages=new Array()
dynimages[1]=["ingrandimento/coibentati1.gif"]
dynimages[2]=["ingrandimento/coibentati2.gif"]
dynimages[3]=["ingrandimento/coibentati3.gif"]
dynimages[4]=["ingrandimento/coibentati4.gif"]
dynimages[5]=["ingrandimento/coibentati5.gif"]
dynimages[6]=["ingrandimento/coibentati6.gif"]
dynimages[7]=["ingrandimento/coibentati7.gif"]
dynimages[8]=["ingrandimento/coibentati8.gif"]
//Preload images ("yes" or "no"):
var preloadimg="yes"
//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="progidXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
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>
che carica le immagini ingrandite in questo div
<div id="dynloadarea2" style="width:800px;height:500px"></div>
quando l'utente clicca su una serie di icone strutturate come queste
<a href="#" onClick="return modifyimage('dynloadarea2', 1)"><img src="icona1.gif" width="273" height="148" alt="" border="0"/></a>.
Le icone sono una ventina e per poter essere viste scorrono in orizzontale.
Il mio cliente mi ha chiesto di eliminare lo scorrimento automatico, che io avevo fatto con tag marquee, e di sostituire uno scorrimento manuale con due tasti avanti e indietro.
Prima di postare ho cercato sul web script per il mio problema ma ho trovato solo script che permettevano lo scrolling con tasti o posizione maouse solo di una immagine alla volta oppure perdevo l'effetto di ingrandimento.
Credo sia un problema di integrazione di chiamate di script ma sto imparando e ho poco tempo e per questo vi chiedevo un aiuto, una dritta...
grazie sandro1492
a questo script
var dynimages=new Array()
dynimages[1]=["ingrandimento/coibentati1.gif"]
dynimages[2]=["ingrandimento/coibentati2.gif"]
dynimages[3]=["ingrandimento/coibentati3.gif"]
dynimages[4]=["ingrandimento/coibentati4.gif"]
dynimages[5]=["ingrandimento/coibentati5.gif"]
dynimages[6]=["ingrandimento/coibentati6.gif"]
dynimages[7]=["ingrandimento/coibentati7.gif"]
dynimages[8]=["ingrandimento/coibentati8.gif"]
//Preload images ("yes" or "no"):
var preloadimg="yes"
//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="progidXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"
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>
che carica le immagini ingrandite in questo div
<div id="dynloadarea2" style="width:800px;height:500px"></div>
quando l'utente clicca su una serie di icone strutturate come queste
<a href="#" onClick="return modifyimage('dynloadarea2', 1)"><img src="icona1.gif" width="273" height="148" alt="" border="0"/></a>.
Le icone sono una ventina e per poter essere viste scorrono in orizzontale.
Il mio cliente mi ha chiesto di eliminare lo scorrimento automatico, che io avevo fatto con tag marquee, e di sostituire uno scorrimento manuale con due tasti avanti e indietro.
Prima di postare ho cercato sul web script per il mio problema ma ho trovato solo script che permettevano lo scrolling con tasti o posizione maouse solo di una immagine alla volta oppure perdevo l'effetto di ingrandimento.
Credo sia un problema di integrazione di chiamate di script ma sto imparando e ho poco tempo e per questo vi chiedevo un aiuto, una dritta...
grazie sandro1492