Aprire foto in popup delle dimensioni esatte

PeppeC

Nuovo Utente
5 Nov 2003
10
0
0
41
Italia
www.prcuba.tk
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

Amministratore
Membro dello Staff
ADMIN
MOD
25 Feb 2003
2.025
43
48
www.ikiweb.it
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:eek:pen('foto.jpg','Nome',100, 200)"><img src="foto.jpg" height="200" width="100"></a>
 

PeppeC

Nuovo Utente
5 Nov 2003
10
0
0
41
Italia
www.prcuba.tk
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:cool:
 

maxbossi

Amministratore
Membro dello Staff
ADMIN
MOD
25 Feb 2003
2.025
43
48
www.ikiweb.it
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:eek: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

Nuovo Utente
4 Dic 2003
2
0
0
sarroch.mrw.it
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

Nuovo Utente
5 Nov 2003
10
0
0
41
Italia
www.prcuba.tk
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

Nuovo Utente
2 Mag 2013
2
0
0
Catania
www.beateaters.com
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

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
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

Nuovo Utente
2 Mag 2013
2
0
0
Catania
www.beateaters.com
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' ?
 
Discussioni simili
Autore Titolo Forum Risposte Data
D [HTML] Non riesco aprire foto singole in un album creato con "iWebAlbum" HTML e CSS 1
E fpdf salvare e aprire il file PHP 4
M pulsante per aprire una maschera che contiene controllo schede MS Access 0
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
R Aprire maschera con Openform filtrando un campo testuale con un valore recuperato da un'altra maschera MS Access 10
W Aprire un pop-up da un pop-up HTML e CSS 3
T Come aprire file .wtb Discussioni Varie 10
A Aprire la window form Add Connection da codice Visual Basic 4
S Aprire su Mac Progetto PSD salvato su win Photoshop 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
A [MS Access] Aprire maschera con sottomaschera su ultimo record MS Access 0
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
Tommy03 Aprire un file .asp nel browser Classic ASP 5
K Aprire porte modem Tim smart Fibra Adsl e Connettività 0
ste80 [MS Access] Impossibile aprire una maschera da pulsante MS Access 2
R [MS Access] COME APRIRE UNA MASCHERA FACENDO DOPPIO CLICK SU UN RECORDSET MS Access 1
R [MS Access] aprire maschera con doppio click su recordset di sottomaschera MS Access 4
G [PHP] Aprire una cartella tramite un link PHP 1
F aprire una pagina in un overlay jQuery 0
S [PHP] Aprire file in locale PHP 1
F [Javascript] Aprire file tramite jquery Javascript 0
trattorino [Javascript] aprire blocchi via via che si scorre Javascript 0
M Salvare i dati nel db e aprire altra pagina php PHP 7
C [PHP] Aprire la pagina dopo aver fatto il login PHP 1
Morganot37 Photoshop CC non può aprire l'immagine Webdesign e Grafica 5
S Aprire un marketplace Leggi, Normative e Fisco 0
G Aprire un app da pagina web Sviluppo app per Android 3
Shaovel [HTML] Aprire sito esterno cliccando immagine HTML e CSS 7
iap Aprire un ecommerce e sincronizzarlo al gestionale Discussioni Varie 1
M Aprire nuova scheda del browser con javascript Javascript 7
Shyson Aprire finestra popup con Safari Javascript 6
V aprire pagine php in div jQuery 1
M aprire Iframe su safari in IOS, (iphone - ipad) HTML e CSS 8
M Aprire un popup con un form jQuery 2
S Aprire file sul pc cliente dentro una intranet. PHP 1
D Navigare fra le directory e aprire file PHP 3
Gabriele Visioli Realizzare e Vendere siti web senza aprire una Partita IVA... Come? Leggi, Normative e Fisco 4
F Aprire un tab con js Javascript 0
F devo aprire due pagine asp contemporaneamente Classic ASP 1
F aprire un file pdf da una pagina asp Classic ASP 2
G Freelancer: quanto costa aprire e mantenere la partita IVA? Discussioni Varie 3
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
lucolo Non posso aprire discussioni Supporto Mr.Webmaster 4
M Aprire file php di una pagina web! PHP 5
Z Script per aprire video youtube sia apre a schermo intero e poi ridimensionare in automatico Javascript 1
F Che tipo di Partita Iva devo aprire? Leggi, Normative e Fisco 2
filippino Aprire link esterni in iframe HTML e CSS 0
T [VBulletin] Campi aggiuntivi prima di aprire nuova discussione CMS (Content Management System) 0
K Aprire sub(o form) in automatico all'apertura del Database MS Access 1
radioButton Istruzione html per aprire rubrica HTML e CSS 0

Discussioni simili