Visualizzare immagini+testo da links testuali

13-02-2006, 00.49.58

Sto utilizzando questo script:

<head>
<script type="text/javascript">

//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>

<div id="dynloadarea" style="width:80px;height:225px"></div>

Per ottenere ad ogni link testuale un'immagine (vedi http://brattoliart.altervista.org/madein/portfolio.html ).

Ora vi faccio una domanda forse un pò troppo difficile...
vorrei che ad ogni link testuale comparisse non solo un'immagine ma sotto anche un testo (magari anche formattabile) diverso per ogni link. E' possibile? Come!? Help!!!

edit: insomma mi servirebbe uno script dove ad ogni link, cliccando esce un'immagine e del testo formattabile...l'effetto fade può anche essere eliminato!

**dementialsite** · 13-02-2006, 14.35.07

Credo che ti basti modificare poche cose (anche se, sinceramente, le definizioni di elementi di array così non le ho mai viste...). Le aggiunte te le ho scritte in rosso:

Codice:

//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", "qui la descrizione per photo1"]
dynimages[1]=["photo2.jpg", "http://www.web-link.it", "qui la descrizione per photo2"]
dynimages[2]=["photo3.jpg", "http://www.web-link.it", "qui la descrizione per photo3"]

...

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
imghtml += theimg[2]
if (theimg[1]!="")
imghtml+='</a>'
return imghtml
}

Le descrizioni puoi formattarle con del semplice codice HTML, ovviamente corretto (leggi: se apri un tag <B> per il grassetto ricordati anche di chiuderlo!).

Stammi bene...

13-02-2006, 17.09.55

grazie mille!!! E' quello che stavo cercando!!!

Discussione: Visualizzare immagini+testo da links testuali

LinkBack

Strumenti discussione

Display

Visualizzare immagini+testo da links testuali

Regole di scrittura