ragazzi aiutatemi

ho chiesto l'autorizazzione a black and withe di poter prendere il codice

cmq http://elypurple.altervista.org/musica1.php vorrei fare tipo cosi..

le immaggini prima si vedono piccole poi grandi

lui mi ha mandato questa email ma non ci ho capito..

Questo è il codice per inserire le foto piccoline a SINISTRA (la foto 15.jpg in realtà sarà di widht=307 height=230 ma nella pagina web la rimpicciolisci):
<img src="VACANZE/15.jpg" onfiltered="imgrande.src = 'VACANZE/15.jpg'" width="79" height="50">
"""
Per la foto grande di DESTRA inserisci questo codice (comparirà la foto nelle dimensioni originali):
<img id="imgrande" src="VACANZE/15.jpg">

Se vuoi mettere tante foto fai ad es.:
<img src="VACANZE/15.jpg" onfiltered="imgrande.src = 'VACANZE/15.jpg'" width="79" height="50">
<img src="VACANZE/16.jpg" onfiltered="imgrande.src = 'VACANZE/16.jpg'" width="79" height="50">
<img src="VACANZE/17.jpg" onfiltered="imgrande.src = 'VACANZE/17.jpg'" width="79" height="50">
<img src="VACANZE/18.jpg" onfiltered="imgrande.src = 'VACANZE/18.jpg'" width="79" height="50">

p.s. Il codice per le foto di destra basta metterlo solo una volta. ""

Niente di più brutto di scaricare un'immagine completa e vederla rimpicciolita (scarico roba inutile).
Rimpicciolisci tramite un qualsiasi programma di grafica ed uppa entrambi i formati...

non funziona niente.. vorrei

qui ce l'immaggine rimpicciolita a destra ingrandita perche s e passato con il mouse sopra la piccola immaggine..

mi dite il codice completo da inserire nella pagina anche se le immaggini non esistono poi cambio io

Io non saprei...
Ho dato un'occhiatina al codice del sito da te linkato ma non è che ci abbia capito molto neppure io.
Ovviare per una soluzione più semplice ?
Per esempio una "raccolta" di prewiew che si aprono ognuna in una finestra separata ?
Sarebbe sicuramente più semplice..... ed intanto potresti continuare a "studiare" il metodo che a te piace di più....

Basta che metti questo nel riquadro di sinistra:

<img src="Percorso/Immagine1.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine1.jpg'" width="79" height="50" vspace="3" hspace="3">
<img src="Percorso/Immagine2.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine2.jpg'" width="79" height="50" vspace="3" hspace="3">
<img src="Percorso/Immagine3.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine3.jpg'" width="79" height="50" vspace="3" hspace="3">
<img src="Percorso/Immagine4.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine4.jpg'" width="79" height="50" vspace="3" hspace="3">
<img src="Percorso/Immagine5.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine5.jpg'" width="79" height="50" vspace="3" hspace="3">
ecc.
.
.



e questo in quello di destra:

<img id="imgrande" src="Percorso/Immagine1.jpg" />


Naturalmente sostituendo "Percorso" alla dir dove prendere le immagini
e "Immagine1", "Immagine2" ecc.. con i nomi delle tue immagini.

P.S.: Le immagini dovranno essere tutte dello stessa dimensione altrimenti il riquadro di destra si allarga e si ristringe a seconda della grandezza dell'immagine.....ed è bruttissimo!

ma scusa, kiedi spiegazioni più dettagliate ad elypurple, no??! :dotto: :winkOLD:

guardate qui http://warchaos.altervista.org/p.html a destra non funziona niente.
scusate è la prima volta che utilizzo questo sistema

Per forza:

Codice HTML:

---

        <td><img
        src="http://warchaos.altervista.org/index/giallo.JPG"
        hspace="3" vspace="3" width="79" height="50"
        onmouseover="imgrande.src = 'Percorso/Immagine1.jpg'"> <img
        src="http://warchaos.altervista.org/index/rosso.JPG"
        hspace="3" vspace="3" width="79" height="50"
        onmouseover="imgrande.src = 'Percorso/Immagine2.jpg'"> <img
        src="http://warchaos.altervista.org/index/nero.JPG"
        hspace="3" vspace="3" width="79" height="50"
        onmouseover="imgrande.src = 'Percorso/Immagine3.jpg'"> <img
        src="http://warchaos.altervista.org/index/grigio.JPG"
        hspace="3" vspace="3" width="79" height="50"
        onmouseover="imgrande.src = 'Percorso/Immagine4.jpg'"> </td>
        <td><img
        src="http://warchaos.altervista.org/index/giallo.JPG"
        width="89" height="60" id="imgrande" /></td>

---

modifica mettendo dove hai gli eventi onmouseover al posto di:
Percorso/ImmagineX.jpg

il nome (e l'eventuale percorso) dell'immagine che deve comparire a destra.

grazie mille gve http://warchaos.altervista.org/p.html
avevo messo gli ulr completi ma non avevo messo ad ogni onmouseover di nuovo lo stesso link

ed ecco a voi un esclusiva.. visto che non è ancora inserito nel menu
http://warchaos.altervista.org/immagini.html
usciranno altre 4 pagine credo tra una settimana ma aggiornero sempre... ci metto molto ma le volgio ben fatte :eyes:

Citazione:

---

Originalmente inviato da Warchaos

ed ecco a voi un esclusiva.. visto che non è ancora inserito nel menu
http://warchaos.altervista.org/immagini.html
usciranno altre 4 pagine credo tra una settimana ma aggiornero sempre... ci metto molto ma le volgio ben fatte :eyes:

---

ti è venuto bene,devo dire :=):

il male è che le immagini sono pesanti e l'effetto perde un po'...

Citazione:

---

Originalmente inviato da pulidori

il male è che le immagini sono pesanti e l'effetto perde un po'...

---

infatti.....eviti sl di premere sulla foto.

una volta che tutte le 4 immagini si sono caricate. passando con il mouse in 1 decimodisecondo si vedono

voi mi suggerite di rimanerle cosi.. oppure è meglio se faccio un immagine piccola e se cliccano si are unaltra finestra.. rispondete grazie..

Prova ad utilizzare la stessa immagine, quella originale grande, sia per il riquadro in alto che per quello in basso, solo che in quello in alto la rimpicciolisci con le proprietà width e height del tag img, esattamente come avevi fatto all'inizio.

Es:

<img src="Percorso/Immagine1.jpg" onMouseOver="imgrande.src = 'Percorso/Immagine1.jpg'" width="79" height="50" vspace="3" hspace="3">

e

<img id="imgrande" src="Percorso/Immagine1.jpg" />


In questo modo il browser è costretto a scaricare da subito le immagini grandi, e quando ci passi sopra con il mouse ti appaiono subito e non deve scaricarsele.

Ci sarebbe anche un altro modo, cioè facendo il preload delle immagini grandi e lasciando le immagini piccole nel riquadro in alto, ma in questo caso sarebbe solo uno spreco di bytes.

io volevo fare cosi gia al inizio.. pensavo che se prendevo le immaggini grandi e le rimpicciolivano veniva bene l'immaggine invece viene meglio con limmaggine piccola.. quindi 2 immaggini..ora prova.. di nuovo

infatti guarda. ora http://warchaos.altervista.org/immagini.html
l prima immagine si vede male.. ma hanno lo stesso url sia la grande che la piccola..

la piccola non si vede bene questo era il problema