Caricare immagini in un'area prefissata

venerdì 19 dicembre 2008 - 12.14

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

squilibrio Profilo | Expert

527 messaggi | Data Invio: ven 19 dic 2008 - 12:14

Ciao a tutti, vorrei introdurre una soluzione di questo tipo

in un mio sito

intendo caricare le foto in un'area prestabilita, senza ricaricare tutta la pagina

come è possibile??

La mia pagina ha una struttura del tipo

codice PHP:

<div id="apertura">

<div id="box">
<div id="img">

immagine grande

</div>
<div id="container">
<div id="testo">

con immagini piccole

</div>
</div>

</div>

</div>

Grazie infinite per l'aiuto!!

Stroke Profilo | Junior Member

114 messaggi | Data Invio: ven 19 dic 2008 - 14:20

Se guardi i codoci sorgenti della pagina che hai indicato a campione c'è scritto tutto il javascript per fare ciò che vuoi, quello che non è visivile lo trovi nei file .js anch'essi chiaramente visibili nel sorgente.
ciao
Furio
http://www.opsi.ws

squilibrio Profilo | Expert

527 messaggi | Data Invio: sab 20 dic 2008 - 15:58

Lo immaginavo, il fatto è che avevo provato ad "estrarre" (salva pagina con nome) ma non visualizzo nulla in locale (intendo il cambiamento di immagine al click)

Grazie mille

squilibrio Profilo | Expert

527 messaggi | Data Invio: gio 25 dic 2008 - 22:13

Nessun aiutino??

luigidibiasi Profilo | Guru

1.077 messaggi | Data Invio: lun 29 dic 2008 - 09:43

Ciao,
ti posto un esempio di codice che dovrebbe darti un'idea di come fare:

(ho usato il tipo di nomi che usa il sito che hai postato ma lo puoi cambiare come vuoi)

La pagina è definita così:

<p>
<img src="http://www.hotel-angelini.com/images/imm_01_gallery.jpg" id="i1" onclick="return showAnteprima(1);"/>
<br>
<img src="http://www.hotel-angelini.com/images/imm_02_gallery.jpg" id="i2" onclick="return showAnteprima(2);"/>
<imgsrc="http://www.hotel-angelini.com/images/imm_03_gallery.jpg" id="i3" onclick="return showAnteprima(3);"/>
<br>
<img src="http://www.hotel-angelini.com/images/imm_04_gallery.jpg" id="i4" onclick="return showAnteprima(4);"/>

per cambiare immagine al click su ogni miniatura usi:

 Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

</p>

Luigi Di Biasi
http://blogs.dotnethell.it/luigidibiasi/

squilibrio Profilo | Expert

527 messaggi | Data Invio: sab 3 gen 2009 - 12:17

Grazie mille!! Provo subito!!

squilibrio Profilo | Expert

527 messaggi | Data Invio: sab 3 gen 2009 - 12:21

Scusa, un solo dubbio... sto cercando di provare la tua pagina, non capisco però dove impostare il "dove" visualizzare l'immagine ingrandita.... mi sono perso qualche code ... OK per l'immagine rimpicciolita, OK il codice JS.... ma come imposto il "dove" visualizzare l'immagine ingrandita?

Grazie ancora!!

luigidibiasi Profilo | Guru

1.077 messaggi | Data Invio: sab 3 gen 2009 - 13:08

Ciao, scusami ho omesso un tag

L'area in cui visualizzi l'immagine è identificata da questo tag:
<img id="anteprima"/> ( va messo prima del primo <p> del codice che ti ho scritto)

Puoi modificarne l'aspetto usando la proprietà style
<img id="anteprima" style="width:300px;height:300px;"/>

Per quanto riguarda lo script:
Qui richiami l'elemento IMG dove vuoi visualizzare l'immagine ingrandita:

>>var _t = document.getElementById('anteprima');

Luigi Di Biasi
http://blogs.dotnethell.it/luigidibiasi/

squilibrio Profilo | Expert

527 messaggi | Data Invio: sab 3 gen 2009 - 21:49

Grazie mille!!! E' perfetto!!!

Sei stato gentilissimo

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !