Dreamweaver: miniature e galleria immagini

Di: Falcontech | 26/09/2020 17:57:59
Ciao a tutti,
Volevo sapere se qualcuno sa darmi una dritta su come ingrandire delle miniature di immagini inserite in una pagina html e vederne la grandezza reale su un’altra pagina o in quella stessa....
Grazie
A presto

Risposte



Ciao,
esiste uno javascript che ridimensiona la finestra popup a seconda delle dimensioni dell'immagine che vuoi usare...
quindi dovresti creare una miniatura, e un'immagine grande, che si aprirà tramite javascript in una finestra che si autoregolerà...
Se non riesci a trovarlo vedo di ripescartelo nell'archivio (ma non so se c'è ancora...)
Altrimenti potresti utilizzare php (o asp ma qui non ti posso aiutare)
Ciao
Silvio

Di: segnaleinterrotto | 26/09/2020 17:57:59


salve a tutti! sono nuovo e come prima cosa devo congratularmi con voi per questo forum.. fino ad ora mi è stato di grande aiuto!
mi sto cimentando a creare il mio primo sito.. nulla di particolare.. ed ora ho proprio bisogno di una mano:
vorrei creare una pagina contenente delle immagini in miniatura e cliccando su una di queste, si dovrebbe aprire un'altra pagina con la foto in grandezza normale (sono tutte della stessa grandezza) e con la possibilità però di poter vedere anche le foto che ci sono prima e dopo tramite i classici bottoni "avanti" e "indietro".. come posso fare?
saluti!
luca

Di: dukeilduca | 26/09/2020 17:57:59


Premetto che di questo argomento ne abbiamo parlato ampiamente per cui se avessi digitato la parola chiave "popup" dopo aver cliccato il link "Cerca" in alto a destra di questa pagina, avresti trovato l'argomento.
Siccome però ti voglio suggerire una procedura senza ricorrere a codici non appartenenti a Dreamweaver, ti consiglio di fare esattamente come ti spiego:
dopo aver creato la pagina dove andranno posizionate le miniature, devi crearne un'altra dove andrai a mettere le immagini grandi (una per ogni immagine ovviamente) ricordando di andare sul menu Elabora > Proprietà di pagina e impostare i margini su 0.
Ritorni nella pagina delle miniature, ne selezioni una e dal pannello Tag <img> selezioni la scheda Comportamenti, clicchi sul segno + e vai su Apri finestra browser. Dal campo sfoglia vai a cercare la pagina dove hai messo la prima foto ingrandita e metti la larghezza e l'altezza nei relativi campi, ovviamente corrispondenti all'altezza e alla larghezza delle foto (gli attributi puoi anche ometterli) e clicchi su OK. Dreamweaver genererà del codice associato alla miniatura che bisogna andare a correggere manualmente se vuoi che si veda la manina quando ci passi sopra.
Il codice che genera Dreamweaver è questo:
<!-- Commento aggiunto per non interferire con il codice della pagina del forum di 001design.it.
<img src="miniatura.jpg" width="100" height="75" onClick="MM_openBrWindow('ingrandimento.htm','','width=500,height=375')">.
Il problema sta nel comportamento "onclick".
Noi lo andremo a modificare in questo modo:
<a href="javascript:MM_openBrWindow('ingrandimento.htm','','width=500,height=375')"><img src="miniatura.jpg" width="100" height="75" border="0"></a>.
Il munu di navigazione va creato all'interno delle pagine dove hai messo le foto ingrandite. In questo caso puoi mettere una tabella con due righe, nella prima cella inserisci l'ingrandimento e nella seconda un classico menu del tipo <<Primo <Avanti Indietro> Ultimo>> da linkare in successione alle relative pagine. Al posto dei link puoi mettere i bottoncini e quant'altro. Naturalmente non devi dimenticare di aumentare l'altezza della pagina popup. Se nell'esempio abbiamo dato il valore:
<a href="javascript:MM_openBrWindow('ingrandimento.htm','','width=500,height=375')"><img src="miniatura.jpg" width="100" height="75" border="0"></a>
in questo caso andrai a mettere:
<a href="javascript:MM_openBrWindow('ingrandimento.htm','','width=500,height=400')"><img src="miniatura.jpg" width="100" height="75" border="0"></a>.
In sostanza vai a dare i valori in altezza della tabella.
Fine commento aggiunto per non interferire con il codice della pagina del forum di 001design.it. -->

Di: Gian Paolo | 26/09/2020 17:57:59


grazie gian paolo! semplicemente mitico!

Di: dukeilduca | 26/09/2020 17:57:59