Galleria immagini semplice

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Ciao, vorrei creare una semplicissima galleria immagini con javascript (che mi sono messa a studiare da un paio di giorni), solo che ho le idee pareccchio confuse sul da farsi.
In pratica, vorrei creare una galleria che dalle miniature dell'immagine, se ci si clicca sopra, apra un'immagine più grande all'interno della stessa pagina (tipo lightbox, ma più semplice, senza animazioni, e poi la vorrei creare io).

Avevo pensato di creare un array con le immagini grandi (non so se sia giusto) ma poi mi servirebbe un qualcosa per farle scorrere avanti e indietro (un semplice tasto, nulla di automatico) e poi uno spazio per poterci scrivere cosa rappresenta l'immagine (se possibile).

Come potrei fare? Se non fosse possibile questa soluzione (magari perchè troppo complicata) quale altro effetto semplice e chiaro mi consigliate?
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
Ciao gioia...

tempo fa ho fatto questo per un altro utente non so se ti piace

http://max400.netne.net/scritta-sotto-foto-miniature.html

al passaggio del mouse sulle icone compare la foto e la descrizione sotto.
Naturalmente è tutto da modificare è soltanto per il discorso
della descrizione, la scritta sotto la foto.

Per quanto riguarda l'array

http://max400.forumfree.it/?t=39712884

coi pulsanti si può andare avanti e indietro

è un vecchio script del 2009 un po scoglionato
vedi se ti funziona c'è da fare un bel po di modifiche

by max_400
 

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Ciao,
per quanto riguarda i pulsanti, più o meno ho capito il codice (anche se non ho compreso perche non hai usato else), però come effetto volevo una cosa un pò diversa, più simile al lightbox (che si sovrapponga alla pagina, non che l'immagine grande stia proprio dentro la pagina stessa, spero di essermi spiegata bene) altrimenti mi spagina tutto.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao pink
mi sbaglierò ma secondo me ti stai imbarcando in un grosso lavoro.
io uso questa (simile a ligth) trovata su jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
(se ti interessa puoi vederla in azione nella sez del mio sito a foto d'autore).
ho fatto solo adattamenti php per usarla con il db
 

max_400

Utente Attivo
23 Gen 2009
770
0
16
caltanissetta
max400.forumfree.it
E allora è un po più complesso il discorso

se immaginiamo di avere una pagina in cui vi sono soltanto le icone
e vogliamo che cliccando su queste icone compaia una foto al centro della pagina
e nello stesso tempo tutto quello che è presente sulla pagina scompare o venga oscurato
bisogna lavorare sui livello lo z-index non so se lo conosci?

ma ci vorrebbe un esempio pratico
intanto vedi se ti può essere utile questa precedente discussione sul lightbox in fondo alla pagina (naturalmente il tuo discorso è diverso) ma c'è l'effetto di oscuramento della pagina soltanto che la foto centrale non deve esserci giusto?
ma deve comparire all'ultimo momento sopra di tutto giusto?

Io per oggi non posso continuare... in caso stasera sul tardi o domani posso vedere di mettere insieme qualke straccio di script... nel frattempo:
@pinkbetta: vedi se ho capito bene il discorso.
@altri utenti: se avete qualke script, già pronto non esitate a rispondere

grazie.
Ciao a tutti.
by max_400
 

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Pensavo che si potesse realizzare più facilmente, invece sembra una cosa parecchio difficile, almeno per me che sono alle prime armi.

Per adesso forse è meglio che tenga il lightbox.

Grazie comunque per le risposte! :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
R galleria immagini semplice a schermo intero jQuery 1
Trapano Galleria immagini semplice PHP 5
F [PHP] Galleria immagini PHP 6
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
ANDREA20 [HTML] galleria immagini HTML e CSS 2
L effetto galleria popup (immagini) jQuery 1
R Problema con didascalie galleria immagini PHP 1
R Galleria di immagini ad apparimento jQuery 1
P Problema caricamento/sostituzione immagini galleria php-jquery jQuery 2
P Galleria immagini HTML e CSS 5
A Galleria d'immagini con PHP, Le GD2 e Mysql PHP 5
P Script galleria immagini PHP 3
S Problema galleria di immagini adobe bridge Web Server 0
W [Galleria immagini] Inserimento pagine PHP 12
P Galleria Immagini Flash 9
N Aiuto per galleria di immagini Javascript 3
G galleria immagini lightbox in jquery jQuery 0
F GALLERIA FALSH x immagini Flash 0
Silen Chiarimenti su galleria immagini PHP 3
D Galleria immagini in Flash gratuita Flash 0
F galleria immagini upload e resize... PHP 4
SolidSnake4 Problami visualizzazione galleria immagini Javascript 3
G Galleria immagini | funzione include in php PHP 2
SolidSnake4 galleria immagini php o javascript PHP 7
S galleria di immagini Webdesign e Grafica 3
G problema con galleria di immagini PHP 19
M Galleria Immagini Pop up.... Javascript 4
frankiedeguello Galleria immagini e Aruba, piccolo problema! Hosting 6
grottafelix Galleria Immagini (under costruction) Classic ASP 0
metalgemini Come creare galleria di immagini mettendo in rilievo l'ultima img vista... Classic ASP 1
Z Problema Galleria Javascript Javascript 1
V Galleria con CSS e Javascript Javascript 2
J Creata galleria fotografica con Adobe Bridge ...... Webdesign e Grafica 7
L [php e xml] per creare una galleria fotografica con diversi file xml PHP 0
S Galleria fotografica con geotag Webdesign e Grafica 14
T Galleria fotografica con valutazione HTML e CSS 5
asevenx cerco plugin per miniature galleria fotografica in widjet WordPress 1
M element style immodificabile dentro una galleria javascript Javascript 6
P domanda su galleria HTML e CSS 4
J Video galleria in php no prende l'id PHP 1
J Galleria di video PHP 1
L Centrare galleria immagine HTML e CSS 2
L galleria fotografica da cartella PHP 10
Monital galleria a fisarmonica con aga.js jQuery 3
M Galleria fotografica per inserzioni eBay HTML e CSS 1
asevenx galleria fotografica che da problemi con Internet Explorer Javascript 1
B creare galleria fotografica dreamweaver HTML e CSS 1
J Galleria fotografica jq editabile jQuery 0
M Galleria fotografica HTML e CSS 1

Discussioni simili