Dreamweaver: popup per foto e immagini

Salve, mi sono appena inscritta a questo sito, ed ho un piccolo problemino. Sto facendo un nuovo sito con dreamweaver ovviamente, ho fatto delle ricerche nelle vostro forum su varie sezioni ma non ho trovato niente che possa aiutarmi, allora mi sono chiesta se questa mia domanda sia davvero nuova?
Ad ogni modo il quesito e' questo. Devo fare una galleria di immagini, miniature che poi con un azione onclick si ingrandiscono. Non voglio ne utilizzare frame, ne altre pagine html. Vorrei un popoup che mi apra una finestra proprio al centro del sito delle dimensioni dell'immagine ingrandita, che abbia un preload del caricamento e poi quando appare l'immagine lascia la pagine in sottofondo offuscata. Non so' se mi sono spiegata bene, l'ho visto in qualche sito, alcuni erano in flash, ma altri no, quindi suppongo che ci sia un sistema per farlo con dei codici java o altro. Per favore aiutatemi!!!!

 ainos, N.D.

Allora tu vuoi utilizzare il sistema chiamato Lightbox:
http://www.lokeshdhakar.com/projects/lightbox2/

Mi trovo e te ne mostro anche un altro:
http://smoothgallery.jondesign.net/

Buon lavoro, ciao.

 Pablito, N.D.

Ti ringrazio tantissimo, è proprio quello che cercavo, ora il mio unico problema è l'inglese, ma spero di cavarmela. Ti chiederai come diavolo fa una a fare i siti senza conoscere l'inglese...bè me lo chiedo anche io da tanto tempo!!!
Spero di tradurre correttamente, ma se tu fossi cosi' gentile da darmi un indirizzata dei passaggi che mi spiega il primo link che mi hai trovato,faresti proprio una donna felice!!
Grazie di nuovo

 ainos, N.D.

Perbacco, non bisogna mica conoscere l'inglese per fare delle semplici operazioni come queste: innanzitutto è necessario che faccia il download del pacchetto http://www.lokeshdhakar.com/projects/lightbox2/#download estrai tutto dalla cartella zip, e la metti all'interno del tuo sito... dopodiché, nella pagina interessata, prima del Tag di chiusura </head> metti i richiami javascript... vedi la procedura di seguito...

<html>
<head>
<title>Lightbox</title>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen">
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
</head>

<body>
<a rel="lightbox" href="img/grande.jpg"><img src="img/miniatura.jpg" border="0" /></a>
</body>
</html>
;-)

 Gian Paolo, N.D.

Scusami tanto, ma sai a volte le cose più ovvie per qualcuno sono più difficili per altre. Considerando che sono un'autodidatta di java, php e quant'altro, credo che a volte delle piccole domande siano lecite.
Cmq ti ringrazio di avermi risposto.


 ainos, N.D.

Abbi pazienza con me, la procedura è semplice, il codice in realtaà non è niente di particolare dei richiami, e nel body le immagini interessate, ma a me non funziona!!! E non so' perchè!! Forse sbaglio qualche posizionamento! Ho fatto il download come mi hai detto tu. Ho posizionato la cartella lightbox all'interno della cartella del mio sito. Nella magina interessata ho inserito il codice da te scritto, ho fatto una cartella apposita per le immagini in miniatura e per le immagini grandi, ma quando faccio un anteprima, si vede l'immagine che io ho scelto, se ci clicco sopra si apre l'immagine grande ma non con lightbox, semplicemente come fosse un link!!! Cosa Sbaglio me lo sai dire???

 ainos, N.D.

Scusa ma perché pensi che possa avercela con te? Una volta scaricata la cartella, nella pagina di dimostrazione che è già bella è pronta per essere usata, c'è scritto passo passo ciò che devi fare. Adesso procedi come segue: una volta aver fatto il download, estrai la cartella che contiene i file e la metti all'interno del tuo sito già definito con Dreamweaver... credo che fin qua ci siamo, immagino. Con DW aperto crei un nuovo file e lo salvi col nome prova.html all'interno della cartella che si chiama lightbox2.04 Dopodiché per semplificarti le cose, all'interno del file prova.html inserisci, senza spostare una virgola il seguente codice:

<!-- Questo non va copiato

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ligthbox</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
<!--
#cont {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>

<body>
<div id="cont"><a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" alt="" width="100" height="40" border="0" /></a></div>
</body>
</html>


questo non va copiato -->

Premi il tasto F12 che lancia il browser e il gioco è fatto... più semplice di così... visto che ti sto facendo usare le immagini esistenti nella cartella e non delle immagini che avresti potuto inserire in maniera intuitiva.

 Gian Paolo, N.D.

Adesso basta, argomento chiuso.
Qui risolviamo problemi di Dreamweaver e non forniamo assistenza tecnica per spiegare come funzionano elementi esterni a Dreamweaver. Non solo viene fornita la soluzione su un piatto d’argento con tutte le istruzioni ma poi viene chiesta anche la traduzione e la spiegazione dettagliata delle stesse istruzioni. Questo non può essere accettato. Per riuscire a fare le cose bisogna seguire le istruzioni, studiare e talvolta sbattere la testa più volte.

Buona lettura e studio di ogni dettaglio.

 Pablito, N.D.
001design.it ® è un marchio registrato.
© 2004-2017 Molfese Paolo - P.Iva: 03430820617 - All rights reserved | Tutti i diritti sono riservati.