844 messaggi dal 27 gennaio 2004
ho una serie di thumbnails, vorrei che cliccandoci su in una cella compaia l'immagine ingrandita e nella cella a fianco la relativa descrizione.
dove posso trovare qualche script che faccia a caso mio?

grazie

ciao
181 messaggi dal 06 luglio 2001
Non ti consiglio di usare javascript per questo.
Fai prima a ricaricare la pagina con la foto grande e la descrizione, ovviamente quelle collegate al thumbnail cliccato.
La pagina che richiami può essere statica (semplice html) o se te ne intendi puoi crearla al volo con Php, mostrando la foto giusta e ad es. recuperando la descrizione da un database.

Far comparire l'immagine grande e la descrizione "istantaneamente" con javascript (senza ricaricare la pagina, come credo intendessi fare tu) è possibile, ma significa aver già inviato al client tutte le descrizioni e le foto ingrandite.
Capirai che in termini di pesantezza della pagina è assolutamente inaccettabile.

Ciao
Baxeico

-- Sciusciá e sciurbí nu se pö --
844 messaggi dal 27 gennaio 2004
ti ringrazio ma ho risolto cosi:

<script language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder')
.src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc')
.childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc')
.childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}

image01= new Image(86,86)
image01.src="immagini/tbn_01.jpg"
image02= new Image(86,86)
image02.src="immagini/tbn_02.jpg"

function rollover(imagename, newsrc){
document.images[imagename].src=newsrc.src
}
</script>

<div align=center style="border: 1px solid #999; padding: 1em; ">
<table border="0" cellspacing="0" cellpadding="0" width="700">
<tr>
<td><p id="desc">Descrizione</p></td>
<td colspan="2"><img id="placeholder" src="/immagini/blank.gif" width="334" height="212"></td>
</tr>
<tr>
<td><a onmouseover="rollover('example', image02)" onmouseout="rollover('example', image01)"onclick="return showPic(this)" href="immagini/img_01.jpg" title="DESCRIZIONE 1">
<img src="immagini/tbn_01.jpg" name="example"></a></td>
<td ><a onclick="return showPic(this)" href="immagini/img_02.jpg" title="DESCRIZIONE 2"><img src="/immagini/tbn_02.jpg" width="86" height="86"></a></td>
<td ><a onclick="return showPic(this)" href="immagini/img_03.jpg" title="DESCRIZIONE 3"><img src="/immagini/tbn_03.jpg" width="86" height="86"></a></td>
</tr>
</table>
</div>

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.