Salve. Dopo una letta dei topics riguardo lightbox, ecc.. non ho trovato nula in merito a ciò che cerco pertanto apro questo topic.

Inizio così: Ho un'immagine auto-resized visualizzata con lightbox in FireFox. Stessa cosa con Chrome, e l'immagine è diversa. Ovviamente conosco le differenze cross-browser che intercorrono, però devo risolvere queste differenze, in quanto in FF ne viene affetta la qualità dell'immagine mentre nella seconda no (anche se in firefox il caricamento e i movimenti della pagina sono più veloci, mentre in chrome no, comunque una cosa per volta...).

Premettendo che per avere la lihgtbox in blogger, basta solo cliccare un pulsante in impostazioni, dato che l'immagine, una volta cliccato sulla thumbnail era in dimensioni originali, e quindi dovevi spostare sempre le scroll bar pezzo per pezzo (una tortura), ho modificato il codice o sovrapposto da qualche parte (e questo è un problema perchè non ricordo dove, poi posterò il codice intero così mi aiutate a capire), e ora quando clicco, l'immagine viene ridimensionata in automatico in base allo screen del browser quindi ora è perfetto, anche se vorrei aggiungere comunque un tasto "Full Size" (aiutatemi anche qui per favore). Solo che nel ridimensionare l'immagine, in Firefox l'immagine diventa sfocata mentre in chrome la scala perfettamente e niente viene sgranato, è perfetta. Ora, vorrei capire come risolvere questo inconveniente in FF, dato che viene talmente sgranata che non si posso leggere le parole e questo è un problema!
Ecco alcune immagini con:

FireFox
codice:
http://img191.imageshack.us/img191/2460/44813943.jpg
Chrome
codice:
http://img189.imageshack.us/img189/985/39597893.jpg
E' come se con chrome, se rallentassimo il tempo mentre fa il resize, l'immagine è sfocata come in ff, ma all'ultimo gli sgranamenti scompaiono e si vede bene, mentre in ff, stessa cosa, ma all'ultimo è come se rimane bloccata al 99% dell'operazione e rimane sfocata.

Provato in vari modi e dimensioni ed il risultato non cambia. Inoltre non penso sia direttamente collegato alla lightbox, ma proprio al metodo di visualizzazione delle immagini di firefox che differisce da chrome nelle immagini ridimensionate al di sotto della loro attuale risoluzione, dato che ho provato anche con immagini simili e senza lightbox, quindi ci vorrebbe un codice più preciso e specifico esclusivamente per firefox.

Inoltre altro problema occorso recentemente, questa volta penso legato alla lghtbox, compare in firefox nelle immagini mostrate in lightbox, un bordo rosso intorno alle immagini di quelle mostrate, ma a random, mentre in chrome no, che cos'è? Come le tolgo?
Ecco l'esempio:

FireFox
codice:
http://img822.imageshack.us/img822/2834/ff2dq.jpg
Chrome
codice:
http://img191.imageshack.us/img191/4262/ch2l.jpg
Help!

Questo è tutto il codice del blog compreso di widget:
codice:
http://pastebin.com/C4h57Yij
Quindi, le cose che vi chiedo di aiutarmi sono queste in ordine di importanza:

- Risolvere il problema di sfocamento in Firefox delle immagini, dovute al resize automatico, mentre in chrome il tutto lavora perfettamente.
- Bordo rosso in immagini a random solo su FF su chrome no mostrate in lightbox.
- Come inserire un tasto "Full Size" vicino all'immagine ridimensionata visualizzata in lighttbox.
- Aiutatemi a ricordare ed ad indicarmi, dove ho inserito e che codice ho inserito (guardando il codice del blog completo che ho postato sopra) per il resize automatico allo screen del browser quando clicco sulla lightbox di un'immagine.
- Problema di lentezza nei movimenti e nei caricamenti della pagina con le immagini ridimensionate (avviene solo su chrome)!

E questo è tutto, lo so che sono tante cose, vedete quelle dove potete aiutarmi, e grazie in anticipo. Ah, dato che è un anno e passa, non vi preoccupate di dare risposta troppo distanti da questo messaggio. Dato che è una cosa a lungo termine. Comunque ovviamente prima sistemo prima risolvo! Grazie ancora, ciao.

Ah, e se avete bisogno di altre info per aiutarmi, ecc.. chiedete e ve le fornirò!