Foto gallery con descrizione

**pariri** · 10-06-2005, 14:23

ho questo script per una specie di foto gallery:

codice:

function changeImage(filename)
	{
  	mainimage.src = filename;
	}

[img]01.jpg[/img]

[img]01.jpg[/img]
[img]02.jpg[/img]
[img]03.jpg[/img]

vorrei sapere come posso aggiungere una descrizione ad ogni img?

grazie

**Xinod** · 10-06-2005, 15:00

descrizione dove?
parli di un tooltip (title/alt dell' immagine)
o di una descizione sempre visibile nelle vicinanze dell' immagine?

**pariri** · 10-06-2005, 16:42

ah... scusami...
la descrizione sarebbe visibile sotto la foto

grazie

**Xinod** · 10-06-2005, 17:12

<div id="descr">qui le descrizioni</div>
...
[img]01.jpg[/img]

codice:

function changeImage(filename,description){
  	mainimage.src = filename;
  	if(document.getElementById){
  	  	document.getElementById('descr').innerHTML=description;
  	}
}

ciao

**pariri** · 10-06-2005, 18:38

funziona tutto con IE, però con Firefox no!
Non si potrebbe fare crossbrowser?

grazie!

**Xinod** · 10-06-2005, 18:47

in quello che ho aggiunto non c'e' nulla che possa dare fastidio a ffox,
sbagli qualcosa tu
posta + codice

**pariri** · 10-06-2005, 18:56

ti posto tutta la pagina:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<SCRIPT LANGUAGE="JavaScript">
<!--
function changeImage(filename,description){
  	mainimage.src = filename;
  	if(document.getElementById){
  	  	document.getElementById('descr').innerHTML=description;
  	}
}

//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<table width="526" border="1" cellspacing="2" cellpadding="0" height="281">
			<tr>
				<td>[img]base.jpg[/img]
					<table width="144" border="1" cellspacing="2" cellpadding="0">
						<tr>
							<td>[img]01.jpg[/img]</td>
							<td>[img]02.jpg[/img]</td>
							<td>[img]03.jpg[/img]</td>
						</tr>
					</table>
					

<div id="descr"></div></p>
				</td>
			</tr>
		</table>
	</body>
</html>

grazie

**Xinod** · 10-06-2005, 19:14

hai dimenticato gli apici in apertura nel secondo e terzo link

a parte quello,
la console di ffox mi segnala come warning (quindi non proprio un errore) il fatto che usi mainimage.src quando dovresti dare id="mainimage" all' immagine e usare document.getElementById('mainimage').src=filename

altro non vedo

**pariri** · 10-06-2005, 19:23

adesso è tutto ok!
grazie mille del tuo aiuto!

Discussione: Foto gallery con descrizione

Strumenti discussione

Ricerca discussione

Visualizza

Foto gallery con descrizione

Permessi di invio