Caghiamo il cazzo agli esperti di html css e js

[Darko]

Giovini, come sapete ho un sito in cui mi piace postare foto, curato nei minimi dettagli (sicomeno ), che però ha sempre avuto una pecca enormissima, per i miei gusti: il modo in cui mostra la foto.
E hai detto nulla

Mi piacerebbe che dalla foto in home, o nelle pagine delle categorie, cliccando il thumbnail, questo si ingrandisca a mostrare la foto in tutto il suo splendore, oscurando il resto e dandomi lo spazio solo per il titolo della foto o il testo dell'articolo. Ricliccando si rimpicciolisce nuovamente.
In pratica non mi piace che cliccando su un'anteprima si vada alla pagina della foto, così come è ora, che, a mio avviso non è per nulla funzionale, né esteticamente efficace.
Qualcuno ha la minima idea di come fare?
Ho visto i plugin lightbox vari e l'idea sarebbe proprio quella, ma non capisco come farli andare nella maniera che dico io

Tanti +1 a disposizione 

[sgnablo]

scriptaculus: http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/

[Darko]

Potrebbe andare, ma mi sa che ho un problema di fondo proprio con il tema per come è strutturato.

In pratica la thumbnail in automatico linka la pagina dell'articolo, vanificando qualunque tentativo di reindirizzamento via plugin

credo mi tocchi modificare il template della pagina

[the_original_g]

Hai un'altergallery?

Spoiler: Clicca per mostrareClicca per nascondere

Non è che ti interesserebbe un sito su misura?

[Darko]

Hai un'altergallery?

Spoiler: Clicca per mostrareClicca per nascondere

Non è che ti interesserebbe un sito su misura?

Ho un altersito

Spoiler: Clicca per mostrareClicca per nascondere

Genno, per una cosa del genere dovrei pagarti e in questo momento non potrei, né so quando potrei farlo.
Per cui no, preferirei di no, e non ti permetterei di farmelo gratis, perché mi rendo benissimo conto dello sbattimento che c'è dietro

[the_original_g]

Hai un'altergallery?

Spoiler: Clicca per mostrareClicca per nascondere

Non è che ti interesserebbe un sito su misura?

Ho un altersito

Spoiler: Clicca per mostrareClicca per nascondere

Genno, per una cosa del genere dovrei pagarti e in questo momento non potrei, né so quando potrei farlo.
Per cui no, preferirei di no, e non ti permetterei di farmelo gratis, perché mi rendo benissimo conto dello sbattimento che c'è dietro

Spoiler: Clicca per mostrareClicca per nascondere

Come vuoi, gratis non c'era problema per me. Il problema è che modificare un codice già esistente che non conosco, magari un cms, per adattarlo ad una lightbox... credo sia molto più sbattimento così.

[Darko]

Hai un'altergallery?

Spoiler: Clicca per mostrareClicca per nascondere

Non è che ti interesserebbe un sito su misura?

Ho un altersito

Spoiler: Clicca per mostrareClicca per nascondere

Genno, per una cosa del genere dovrei pagarti e in questo momento non potrei, né so quando potrei farlo.
Per cui no, preferirei di no, e non ti permetterei di farmelo gratis, perché mi rendo benissimo conto dello sbattimento che c'è dietro

Spoiler: Clicca per mostrareClicca per nascondere

Come vuoi, gratis non c'era problema per me. Il problema è che modificare un codice già esistente che non conosco, magari un cms, per adattarlo ad una lightbox... credo sia molto più sbattimento così.

Allora, chiaramo.

Spoiler: Clicca per mostrareClicca per nascondere

Se lo vuoi fare tu, perché ti va, come esercizio di stile e per approfondire conoscenze varie, nulla in contrario.
Ci divertiamo un po' assieme.

Se vuoi le linee guida sono queste:
-Homepage come quella che vedi, con le miniature di ogni articolo lì, sparate, con l'ultima grande il doppio delle altre;
-Categorie: legate alle categorie delle foto, così come è ora, in pratica come la home, ma selettiva;
-Pagina dell'articolo presente, con un link raggiungibile, o qualcosa di simile per condividere la singola immagine dal sito verso i socialnetwork
-lightbox sia nella home che nelle pagine categoria.
Per ora non mi sovviene altro
il cms che ho ora è wordpress con tema mansion leggermente modificato da me, se vuoi ripartire da zero, no problem, basta che funzioni

[the_original_g]

Ti serve a cms? Cioè che le le cose le inserisci da un'interfaccia?

Perché si potrebbe benissimo fare tutto in una pagina, elegantemente, inserendo le immagini in questo modo in una lista:

<img src="/img/test1.png" class="category-varie" />

Le categorie, raggiungibili da un menù, mostrano istantaneamente le immagini (con una piccola transizione, che fa scorrere tutte le immagini (le nuove prendono il posto delle vecchie (sempre con una disposizione simile a quella di adesso (fluidamente, con le animazioni di jQuery)))). Un'immagine può essere in più categorie. Inoltre possiamo far apparire su tutte le immagini, quando ci passi sopra con il mouse (o al contrario, toglierlo quando ci passi sopra) una data, magari mettendo ad img data-data="10/09/2011" o simili.

La ciliegina sulla torta. Quando clicchi share, condividi tuoindirizzo.it/#nomeimmagine (possiamo fare che nomeimmagine lo decidi con data-name="nome" o che si basi sulla data). Quando viene aperto tuoindirizzo.it/#nomeimmagine, viene aperta la lightbox in automatico, senza dover cliccare sull'immagine.

Il tutto superversatile, adattabile alle dimensioni del browser anche più piccole, retrocompatibile (credo fino ad IE6 o 7), ed elegante (minimale ed elegante, personalmente userei un colore leggermente più chiaro del nero pece per lo sfondo).

[Darko]

Ti serve a cms? Cioè che le le cose le inserisci da un'interfaccia?

Perché si potrebbe benissimo fare tutto in una pagina, elegantemente, inserendo le immagini in questo modo in una lista:

<img src="/img/test1.png" class="category-varie" />

Le categorie, raggiungibili da un menù, mostrano istantaneamente le immagini (con una piccola transizione, che fa scorrere tutte le immagini (le nuove prendono il posto delle vecchie (sempre con una disposizione simile a quella di adesso (fluidamente, con le animazioni di jQuery)))). Un'immagine può essere in più categorie. Inoltre possiamo far apparire su tutte le immagini, quando ci passi sopra con il mouse (o al contrario, toglierlo quando ci passi sopra) una data, magari mettendo ad img data-data="10/09/2011" o simili.

La ciliegina sulla torta. Quando clicchi share, condividi tuoindirizzo.it/#nomeimmagine (possiamo fare che nomeimmagine lo decidi con data-name="nome" o che si basi sulla data). Quando viene aperto tuoindirizzo.it/#nomeimmagine, viene aperta la lightbox in automatico, senza dover cliccare sull'immagine.

Il tutto superversatile, adattabile alle dimensioni del browser anche più piccole, retrocompatibile (credo fino ad IE6 o 7), ed elegante (minimale ed elegante, personalmente userei un colore leggermente più chiaro del nero pece per lo sfondo).

Tu sei un fottuto genio, azi un geNNio
Mi hai letto in testa.
Il problema è che io non saprei proprio da dove cominciare
Faccio notare che le immagini sono su dropbox, per cui basterebbe che aggiungesse il nome dell'immagine.jpg alla struttura di base dell'url.

Al passaggio del mouse io farei apparire il titolo vero della foto, che potrebbe essere dato o come alt="Titolo" o non so che si usa in questi casi

Ps: ma posso mettere tutto su altervista?

Intanto +1, si farà o non si farà non me ne fotte un cazzo, l'idea è semplice (almeno mi pare, visto che non ne capisco una minchia) e geniale

[the_original_g]

Tu non devi cominciare. Dovrai solo inserire le immagini.

Io ci provo, a parlare siamo tutti bravi

Inizio a lavorarci su dropbox.

Per quanto riguarda la licenza del codice veditela tu, non ci capisco niente. Puoi farne ciò che vuoi.

[Darko]

Tu non devi cominciare. Dovrai solo inserire le immagini.

Io ci provo, a parlare siamo tutti bravi

Inizio a lavorarci su dropbox.

Per quanto riguarda la licenza del codice veditela tu, non ci capisco niente. Puoi farne ciò che vuoi.

il codice te lo firmi a nome tuo.
Nel caso un domani ti serva un portfolio di siti da far vedere a qualcuno per fargli vedere che "ti persuadi", il mio sarà tra questi
Come ora mi spunta in basso il logo della compagnia che ha fatto il tema, in questo sito ci sarà almeno il tuo nome (se hai un logo anche quello )

[the_original_g]

Bene.

Domanda stupida...
Ma le foto hanno tutte la stessa dimensione? O meglio, hanno tutte lo stesso rapporto di dimensioni? (per esempio 100x200, 300x600, 1000x2000 etc)

[Darko]

Bene.

Domanda stupida...
Ma le foto hanno tutte la stessa dimensione? O meglio, hanno tutte lo stesso rapporto di dimensioni? (per esempio 100x200, 300x600, 1000x2000 etc)

non necessariamente.
inoltre alcune sono landscape, altre portrait, alcune croppate.
C'è un modo per far sì che si adattino al monitor, indipendentemente dalla dimensione (fino al max dell'immagine, ovviamente), dal lato più lungo senza sapere a priori quale sia?

[the_original_g]

Sì. Cropparle, come fa già il cms che usi. Ma non mi convince

[Darko]

Sì. Cropparle, come fa già il cms che usi. Ma non mi convince

infatti è una delle cose che mi paice di meno, anche se nel mucchio di tutte le immagini non si nota tantissimo, poi clicchi e si apre l'immagine grande

Sarebbe l'ultimo dei problemi

[the_original_g]

No, soluzioni pratiche non credo. A meno di strutturare la pagina in modo diverso (ma non credo ci sia qualcosa di ugualmente elegante, se le vuoi mostrare tutte in una volta).

[Darko]

No, soluzioni pratiche non credo. A meno di strutturare la pagina in modo diverso (ma non credo ci sia qualcosa di ugualmente elegante, se le vuoi mostrare tutte in una volta).

guarda, al momento mi sta bene così.
Del resto ci sono stato fino ad ora con quei crop assurdi
L'importante è che non "sgommi" le immagini

[Darko]

No, soluzioni pratiche non credo. A meno di strutturare la pagina in modo diverso (ma non credo ci sia qualcosa di ugualmente elegante, se le vuoi mostrare tutte in una volta).

oppure si potrebbe evitare l'ordine totale e fare riempire gli spazi come viene, a mo' di mosaico

[the_original_g]

Sì, è possibile.

[Darko]

Sì, è possibile.

È un'idea ceh, se strutturata decentemente, potrebbe anche funzionare