Aprire foto in popup delle dimensioni esatte

PeppeC · 5 Nov 2003

Aiuto per favore

Salve a tutti, premetto che sono un principiante, il mio problema è il seguente, gestisco un sito di discoteche e devo creare la sezione foto, siccome il numero di foto da gestire è elevato ho l'esigenza di inserire le foto di dimensioni molto piccole, ora io vorrei che ogni utente che visitasse la sezione foto possa vedere le foto anche in un formato più grande, in pratica vorrei che cliccando su una foto si apra automaticamente una nuova pagina con lo zoom della foto cliccata, ma vorrei che la nuova pagina fosse di dimensioni esatte a quelle della foto ( zummata), spero di essere stato chiaro .
Saluti
Giuseppe

maxbossi · 7 Nov 2003

Per fare una cosa del genere hai bisogno di utilizare Javascript (per aprire il pop-up) ed indicare l'esatta dimensione di ogni foto.
Ecco il codice javascript:

<script language="Javascript">
function open(url,nome,w,h) {
var features = 'width='+w+',height='+h+',top=10,left=10,toolbar=no,resizable=no,menubar=no,location=no,status=yes,scrollbars=no';
window.open(url,nome,features);
}
</script>

<a href="javascript

pen('foto.jpg','Nome',100, 200)"><img src="foto.jpg" height="200" width="100"></a>

PeppeC · 7 Nov 2003

Si grazie sei stato 1000, ma ppo nn ho mai usato il javascript, saresti così gentile da dirmi in quale parte dell'html lo devo inserire?? vale per tutte le immagini o per ogni immagine lo devo inserire??

function open(url,nome,w,h) ... l'attributo nome cosa si intende??
window.open(url,nome,features); ... features??

saresti gentilissimo se mi rispondessi
Grazie
Peppe

maxbossi · 11 Nov 2003

Ok. Ti spiego meglio.
Questo codice mettilo esattamente così come lo vedi nella tua pagina tra <head> e </head>

<script language="Javascript">
function open(url,nome,w,h) {
var features = 'width='+w+',height='+h+',top=10,left=10,toolbar=n
o,resizable=no,menubar=no,location=no,status=yes,s
crollbars=no';
window.open(url,nome,features);
}
</script>

Poi ad ogni foto devi associare un link del genere:

<a href="javascript

pen('nomefoto.jpg','Nome',100, 200)"><img src="foto.jpg" height="200" width="100"></a>

Ovviamente per ogni foto devi sostituire:
- nomefoto.jpg con il nome e percorso corretto per raggiungere la tua foto

- sostituisci a 100 la larghezza in pixel della foto

- sostituisci a 200 la altezza in pixel della foto

Ciao

Marchisceddu79 · 4 Dic 2003

Ciao!
Stavo leggendo il problema a riguardo. Non conosco javascript ancora, ma io in maniera semplicissima ho creato una galleria fotografica con tante piccole foto (thumbnamles o come si chiamano) con Dreamweaver! Clicca sul menu Comandi/crea album fotografico con web...
successivam devi selezionare la cartella delle fotografie!

se vuoi un esempio, http://sarroch.mrw.it e clicca sulla galleria fotografica

chiedevi di riuscire a far questo? Ciao!

PeppeC · 4 Dic 2003

Originally posted by Marchisceddu79
Ciao!
Stavo leggendo il problema a riguardo. Non conosco javascript ancora, ma io in maniera semplicissima ho creato una galleria fotografica con tante piccole foto (thumbnamles o come si chiamano) con Dreamweaver! Clicca sul menu Comandi/crea album fotografico con web...
successivam devi selezionare la cartella delle fotografie!

se vuoi un esempio, http://sarroch.mrw.it e clicca sulla galleria fotografica

chiedevi di riuscire a far questo? Ciao!

NO mi dispiace ma a questo ci sono riuscito già come puoi vedere dalla sezione foto del sito : www.prcuba.tk , cmq grazie lo stesso.
Saluti
Peppe:book:

Dave93 · 2 Mag 2013

Salve a tutti, innanzitutto chiedo scusa per aver riaperto una vecchissima discussione.

Non sono un web master esperto, sto imparando qualcosina da autodidatta. Ho letto questo topic in quanto ero interessato a far comparire un'immagine in modalità pop-up con delle dimensioni date al click di un tasto che ho creato precedentemente. Non vorrei esser fuori strada, ma non sono riuscito nell'intento.

ho utilizzato il Javascript come indicato in questo topic, poi nel campo del tasto che ho creato ( dove è presente il rollover dell'immagine del tasto ) ho inserito l'altra parte dello script ma non ho ottengo nessun risultato. Il bottone che ho creato non è più cliccabile e non riesco a farlo funzionare con l'immagine in pop up. Dove sbaglio?

Questo è il codice del bottone:

Codice:

	              <td width="69"><a href="javascript:open('palinsesto.jpg','nome',802, 402)" target="_blank"><img src="nuovoplayer/palinsesto.jpg" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'nuovoplayer/palinsesto2.jpg')" /></a></td>

NB: l'immagine palinsesto jpg contenuta nella cartella "nuovo player" non c'entra nulla con l'immagine che voglio far apparire come pop-up, si tratta dell'immagine del bottone che ho creato, infatti di seguito c'è il codice del rollover ( palinsesto2.jpg).

L'immagine che deve apparire come popup è sulla root.
inoltre, quel campo "nome" a cosa serve ?

Se può servire: la pagina è in .php
Grazie a tutti coloro che vorranno rispondermi

criric · 2 Mag 2013

Ciao per il popup prova cosi

HTML:

<a href="#" onclick="window.open('palinsesto.jpg','nome','width=802, height=402');return false">Apri popup</a>

nome serve per dare un nome al popup puo scrivere quello che vuoi sinceramente non ne capisco l'utilità ma dovrebbe essere obbligatori puoi anche lasciarlo vuoto

HTML:

<a href="#" onclick="window.open('palinsesto.jpg','','width=802, height=402');return false">Apri popup</a>

Dave93 · 2 Mag 2013

Ti ringrazio per la risposta criric.

Mentre aspettavo una risposta mi sono imbattuto in un risultato molto simile a quello che mi hai dato tu e diciamo che sono riuscito a farlo funzionare.
Ho usato:

HTML:

<td width="69"><a href="#" onclick="window.open('palinsesto.jpg', '', 'top=10, left=10, width=802, height=402, status=no, menubar=no, toolbar=no scrollbars=no');"><img src="nuovoplayer/palinsesto.jpg" id="img1" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'img1',/*url*/'nuovoplayer/palinsesto2.jpg')" /></a></td>

Grazie mille!
Se posso ancora abusare del vs sapere e se non vado in OT:

Volendo alleggerire il codice, posso rimuovere i seguenti dati? 'top=10, left=10, status=no, menubar=no, toolbar=no scrollbars=no' ?

Cerca

Cerca

Aprire foto in popup delle dimensioni esatte

PeppeC

Nuovo Utente

maxbossi

Amministratore

PeppeC

Nuovo Utente

maxbossi

Amministratore

Marchisceddu79

Nuovo Utente

PeppeC

Nuovo Utente

Dave93

Nuovo Utente

criric

Super Moderatore

Dave93

Nuovo Utente

Discussioni simili