script galleria img please help me for sintassi!

**gibbosus** · 19-03-2010, 20:53

buonasera sto utilizzando una delle gallerie di immagini prese da html.it che funziona con onmouseover ma avrei bisogno di apportare alcune modifiche vi allego lo script di seguito...vorrei che per ogni immagine con l'effetto apparisse anche una breve descrizione potreste aiutarmi? non so come inserire questafunzione, sarà sicuramente un problema di sintassi

ecco lo script...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>

<title>Slide show con onmouseover - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Lo script imposta una galleria in cui le immagini cambiano al passaggio del mouse su un link." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />

<script>

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}
}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("01.gif","02.gif","03.gif")
</script>

</head>
<body >

<div align="center">

[img]01.gif[/img]

Immagine 1

Immagine 2

Immagine 3

</div>

<div align="center">
[img]logo_htmlit.gif[/img]
</div>

</body>
</html>

**gibbosus** · 21-03-2010, 19:12

up

**Xinod** · 21-03-2010, 21:39

function changeimage(towhat,url,description){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
document.getElementById('idDescription').innerHTML =description
}
}

i link diventano cosi'
Immagine 1

e aggiungi un elemento dove vuoi appaiano le descrizioni
<div id="idDescription"></div>

ciao

**Enzaccio** · 21-03-2010, 21:49

codice:

[img]01.gif[/img]
<div id="describer"></div>





Immagine 1

Immagine 2

Immagine 3




function changeimage(towhat,url,blabla){
 if (document.images){
    document.images.targetimage.src=towhat.src
    gotolink=url
 }
 if (document.getElementById){
    document.getElementById("describer").innerHTML=blabla;
 }
}

Questa alternativa è concettualmente analoga a quella di Xinod; stavamo postando insieme, come vedi non sei stato trascurato ...

**gibbosus** · 23-03-2010, 11:20

grazie Xinod e Enzaccio davvero alla grande, provo susbito ad usarloe se non ho problemi chiudiamo la discussione, non mi aspettavo quesra afluenza di risposte grazie

**gibbosus** · 23-03-2010, 11:54

benissimo non ho avuto alcun problema ad aggiungere le parti nuove del codice, ma mi stavo chiedendo se dove c'è :

Immagine 1

Immagine 2

Immagine 3

devo aggiungere Immagine 4 quando aggiungo le altre immagini .

per essere chiaro (myimages[4] e Immagine 4

**supermac** · 23-03-2010, 14:19

per essere chiaro (myimages[n-1] e Immagine n

il primo elemento dell'array è 0

**gibbosus** · 24-03-2010, 14:14

supermac non è chiaro a me potresti essere più dettagliato?

**supermac** · 24-03-2010, 14:20

hai numerato le immagini a partire da 1 ma il primo elemento dell'array è 0
quindi il riferimento all'elemento dell'array è sempre un numero in meno del numero dell'immagine
Immagine n
ovvero
...
Immagine 4
Immagine 5
and so on

**gibbosus** · 08-04-2010, 20:04

ciao sono ancora qui, ho modificato la pagina iniziale ma non vuole funzionare potete darci un'occhiata?

codice:

<head>

	<title>Slide show con onmouseover - Esempio JavaScript scaricato da HTML.it</title>
	<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="it" />
	<meta name="Robots" content="All" />
	<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
	<meta name="Keywords" content="Lo script imposta una galleria in cui le immagini cambiano al passaggio del mouse su un link." />
	<meta name="Owner" content="HTML.it srl" /> 
	<meta name="Author" content="HTML.it srl" />  
	<meta name="Copyright" content="HTML.it srl" />

<script>

function changeimage(towhat,url,testo){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
}



if (document.getElementById){
    document.getElementById("describer").innerHTML=testo;
 }


}
function warp(){
window.location=gotolink
}

</script>
<script language="JavaScript1.1">
var myimages=new Array()
var gotolink="#"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}

preloadimages("01g.gif","02g.gif","03g.gif","4g.gif","5g.gif","6g.gif","7g.gif","8g.gif","9g.gif","10g.gif)
</script>

</head>
<body >




</p>
<table width="943" height="512" border="0" cellpadding="10" cellspacing="2">
  <tr>
    <th width="647" height="508" scope="col"><table width="200" border="0" cellspacing="2" cellpadding="10">
      <tr>
        <th scope="col">[img]01.gif[/img]</th>
        <th scope="col">[img]02.gif[/img]</th>
        <th scope="col">[img]03.gif[/img]</th>
        <th scope="col">[img]4.gif[/img]</th>
        <th scope="col">[img]5.gif[/img]</th>
        
      </tr>
      <tr>
        <th scope="col">[img]6.gif[/img]</th>
        <th scope="col">[img]7.gif[/img]</th>
        <th scope="col">[img]8.gif[/img]</th>
        <th scope="col">[img]9.gif[/img]</th>
        <th scope="col">[img]10.gif[/img]</th>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
      

</p></th>
    <th width="250" scope="col">

      

<div align="center">


[img]01g.gif[/img]
<div id="describer"></div>




</th>
  </tr>
</table>


<table width="443" border="0" align="right" cellpadding="10" cellspacing="2">
  <tr>
    
  </tr>
</table>





	</a>	</div>
	

</body>
</html>

ciao a tutti

Discussione: script galleria img please help me for sintassi!

Strumenti discussione

Ricerca discussione

Visualizza

script galleria img please help me for sintassi!

Permessi di invio