Creare una gallery con Dreamweaver

maurizio · 26 Gen 2013

Salve ragazzi

a breve dovrei creare una gallery con Dreamweaver...qualche consiglio? vorrei crearla direttamente con il codice...
vi spiego meglio cosa devo fare:

Ho una serie di immagini...ogni immagine deve scorrere in un certo periodo di tempo(mettiamo 4secondi) però se voglio vedere le immagini più velocemente dovrò cliccare su dei pulsanti posizionati a destra e sinistra. Inoltre vorrei inserire un collegamento che quando clicco sull'immagine viene ingrandita

per capirci meglio vorrei inserire una cosa simile a quella di Facebook.

Grazie mille in anticipo per le risposte.

Maurizio

Jonn · 27 Gen 2013

Ho capito bene cosa cerchi,
onestamente non so se la versione che usi tu di Dreamweaver ha il supporto per la scrittura di codice javascript, ma se non usi HTML5 (che di sicuro lo consente) non puoi usare il solo HTML per fare una galleria,io ti consiglio di usare LightBox (Js + CSS), che però avrebbe bisogno di una rivisitazione per fare l'effetto che ti serve.

Ti spiego a livello superficiale come si presenta LightBox:
Con lightbox puoi avere delle immagini con link che rimandano a se stesse per l'apertura (logicamente),
con lightbox hai un effetto in cui l'intero sito si scurisce (tipo come se si spegnessero le luci) e la cornice dell'immagine (bianca di default) prende forma in base alle dimensioni delle immagini.

Personalmente credo che sia un bell'effetto estetico, molto pulito e semplice e anche molto leggero.

Io l'ho utilizzato per il mio sito web personale, se vuoi vederlo vai su:

- http://lokeshdhakar.com/projects/lightbox2/

per fare l'effetto che serve a te penso che però faresti prima a cercarne uno già fatto e da editare per la personalizzazione, ce ne sono a bizzeffe su internet che non aspettano altro che essere scaricate, e spesso anche gratis.

Ciau ^^

maurizio · 28 Gen 2013

grazie mille per la risposta...io uso Dreamweaver cs5 e cs6...

ho provato ad installare Lightbox seguente l'istruzioni direttamente dal sito di MrWebmaster. L'unico problema che mi sorge riguarda la visualizzazione delle immagini quando vado a cliccarci sopra, invece di crearsi un effetto come dal sito del produttore, mi ricollega direttamente al file (ingrandito).

vi posto il codice:

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

<body>
<a href="lightbox/images/examples/image-1.jpg" rel="lightbox[esempio]"><img src="lightbox/images/examples/thumb-1.jpg" /></a>

<a href="lightbox/images/examples/image-2.jpg" rel="lightbox[esempio]"><img src="lightbox/images/examples/thumb-2.jpg" /></a>

<a href="immagini/foto3_grande.jpg" rel="lightbox[esempio]"><img src="immagini/foto3_piccola.jpg" /></a>

<a href="immagini/foto4_grande.jpg" rel="lightbox[esempio]"><img src="immagini/foto4_piccola.jpg" /></a>
</body>

Jonn · 28 Gen 2013

Ok,
hai messo i file CSS e Javascript nelle cartelle?
solitamente i css si mettono dentro la cartella della directory omonima (css).
i file in Javascript nella cartella js.

Controlla che i percorsi sopra citati (nell'html):
- /css
- /js

Esistano.

Io ho scaricato l'esempio dal sito web e l'ho rieditato eliminando tutto il codice che non mi serviva.

Se vuoi ti posso mandare un file zip contenente solo il codice essenziale e i file CSS e JS (che comunque puoi scaricare anche nella pagina che ti ho linkato).

Ciau ^^

maurizio · 28 Gen 2013

risolto

grazie mille

Arsabia · 2014-08-17T22:02:39+0200

maurizio ha scritto:
risolto

grazie mille

:crying:
Io invece non ho risolto. Scusate se mi ricollego a questo forum dopo più di un anno ma davvero non so più cosa fare per risolvere il problema. Sono quasi alla disperazione. Pensavo di aver terminato la lavorazione del mio sito ma a quanto pare devo fare marcia indietro. Offline lightbox funziona benissimo, ma sopresa, una volta online, quando clicco sull'immagine piccola per ingrandire l'immagine, fondo scuro bellissimo, rotella del tempo che gira ma nessuna immagine ingrandita.

Cerco disperatamente aiuto! Potete aiutarmi?

Il mio sito è http://www.sabrinapedrazzi.com/gallery

Grazie di cuore per l'aiuto!:byebye:

borgo italia · 2014-08-18T09:32:06+0200

ciao
il link non funziona

Arsabia · 2014-08-18T12:48:17+0200

borgo italia ha scritto:
ciao
il link non funziona

Altro problema...non so perché...ti posso chiedere di digitarlo? Grazie mille.

Arsabia · 2014-08-18T17:42:07+0200

Arsabia ha scritto:
Altro problema...non so perché...ti posso chiedere di digitarlo? Grazie mille.

OK, scusa, avevo dimenticato un pezzo...sono alle cozze!

http://www.sabrinapedrazzi.com/gallery.html

criric · 2014-08-18T17:44:46+0200

Ciao, non trova le immagini : hai sbagliato ad indicare il percorso, per questo non le visualizzi

"NetworkError: 404 Not Found - http://www.sabrinapedrazzi.com/img/img-grandi/omino-big.jpg"

Arsabia · 2014-08-18T20:11:40+0200

criric ha scritto:
Ciao, non trova le immagini : hai sbagliato ad indicare il percorso, per questo non le visualizzi

Ciao e grazie davvero per i tuoi interventi.

Ho ricontrollato e mi sembra giusto tanto che offline la galleria funziona benissimo.
La cartella img è dove si trova la pagina html Gallery.

Il percorso è quello che dice essere sbagliato:

img/img-grandi/omino-big.jpg

Se fosse sbagliato non dovrebbe funzionare neanche nella visualizzazione anteprima, giusto? (Dreamweaver cs6)

Non so, non sono una veterana del web...nel caso mi diresti dove dovrei raggruppare le immagini?

Arsabia · 2014-08-18T20:16:26+0200

Aspetta...che non ci sia qualcosa di sbagliato nel codice?

Quello che ho utilizzato è il seguente:

<th width="150" height="170" scope="row"><a href="img/img-grandi/omino-big.jpg" data-lightbox="roadtrip"><img src="img/img-piccole/omino-small.png"...

criric · 2014-08-18T20:18:33+0200

Sei io scrivo nel broswer

Codice:

http://www.sabrinapedrazzi.com/img/img-grandi/omino-big.jpg

dovrei vedere la tua immagine, invece restituisce un not found
questo vuol dire che l'immagine non è a quell'indirizzo
Le anteprime sono in un altra cartella, se scrivo

Codice:

http://www.sabrinapedrazzi.com/img/img-piccole/omino-small.png

questa la vedo

Arsabia · 2014-08-18T20:27:16+0200

:crying:

sto cercando di capire...non odiarmi!

Ok, tu visualizzi l'immagine piccola, ma quella è visualizzabile correttamente nella galleria senza doverci cliccare sopra.

Quello che non capisco è perché cliccandoci sopra (dovrebbe aprire l'ingrandimento) crea l'effetto lightbox con la rotella del tempo,
ma appunto non trova l'immagine ingrandita (che è diversa dalla miniatura)...

Ahhh, si, immagini piccole e immagini grandi, sono rispettivamente in due cartelle separate...devo raggrupparle in un'unica cartella, vero? Dimmi di si...

criric · 2014-08-18T20:30:46+0200

Dimmi di si...

no

devi ricontrollare questo indirizzo

Codice:

http://www.sabrinapedrazzi.com/img/img-grandi/omino-big.jpg

verificare che la cartella sia davvero caricata sul server
verificare che sia dentro la cartella img
verificare che contenga l'immagine omino-big.jpg
verificare maiuscole minuscole estensione .....

Arsabia · 2014-08-18T21:02:44+0200

Siiii...banalissimo errore di distrazione! Non era avvenuto il caricamento della cartella contenente le immagini grandi!

Davvero grazie per la pazienza, mi hai aiutato a ragionare sugli eventuali errori che potevo aver commesso!

Caso archiviato...ora ho l'ultimo problema da affrontare con il form contatti...quindi passo dall'altra parte!
Anzi, se ti va di intervenire anche di la...grazie grazie grazie!

:ilpirata:

glm1986ITALY · 2014-08-19T11:04:21+0200

Arsabia

Mi permetti un consiglio?

Alleggerisci il background!
Uno sfondo 3.000px lato lungo e quasi 3 mb di peso è davvero eccessivo!

Scendi ad un 1600 di larghezza ed un peso massimo di 100 / 150kb!

Arsabia · 2014-08-19T12:05:08+0200

glm2006ITALY ha scritto:
Arsabia

Mi permetti un consiglio?

Alleggerisci il background!
Uno sfondo 3.000px lato lungo e quasi 3 mb di peso è davvero eccessivo!

Scendi ad un 1600 di larghezza ed un peso massimo di 100 / 150kb!

Ciao e buongiorno!
Consigli assolutamente ben accetti, ma le dimensioni le devo mantenere così...
per monitor grandi ci vogliono immagini grandi...cinghiale!:jolly:

Va bè, a parte questo momento di ilarità,
lo so che pesa parecchio ma l'unica cosa che ho potuto fare è tagliare le eccedenze
e creare un unico livello di Photoshop...ma il risultato non cambia.

Ho comunque ancora molto da lavorare nel sito...intanto, avevo bisogno di pubblicarlo!

Grazie mille

glm1986ITALY · 2014-08-19T13:56:13+0200

Ci sono pochini che hanno un monitor con risoluzione 3.000px ......

Comunque l'importante è comprimerla!
Senza modificare la risoluzione ma abbassando la qualità al 90% il peso si riduce ad 1 mb...

Arsabia · 2014-08-19T14:59:48+0200

glm2006ITALY ha scritto:
Ci sono pochini che hanno un monitor con risoluzione 3.000px ......

Comunque l'importante è comprimerla!
Senza modificare la risoluzione ma abbassando la qualità al 90% il peso si riduce ad 1 mb...

in quel dell'Inghilterra chi lavora nella grafica ha il monitor "Big"
In qualsiasi caso, seguirò il tuo consiglio e abbasserò la qualità dell'immagine...
grassie davvero!

Creare una gallery con Dreamweaver

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Utente Attivo

Nuovo Utente

Super Moderatore

Nuovo Utente

Nuovo Utente

Super Moderatore

Nuovo Utente

Nuovo Utente

Super Moderatore

Nuovo Utente

Super Moderatore

Nuovo Utente

Moderatore

Nuovo Utente

Moderatore

Nuovo Utente

Discussioni simili