Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    24

    Suckerfish HoverLightbox: solo anteprime orizzontali?

    Ciao a tutti

    volendo inserire in un sito, fatto con molta fatica ma con tenacia (per la mia inesperienza), una galleria fotografica ho trovato accattivante la proposta di Suckerfish HoveLightbox (http://mondaybynoon.com/2006/03/27/s...hoverlightbox/ ).

    Sono riuscito ad applicare lo script alle mie pagine ma non sono in grado di superare un problema che credo risolvibile con css.

    La galleria funziona come questa dell'esempio ( http://www.circolab.net/~carloz/hove...box_redux.html ) ma il problema nasce con immagini impostate in verticale le anteprime appaiono deformate in orizzontale tutte nelle medesime dimensioni, mentre appaiono perfettamente orientate e normali quando ingrandite.

    Come bisogna intervenire secondo voi per dare il giusto orientamento alle anteprime?
    (Vi prego di essere pazienti poichè non sono ferratissimo in materia, specialmente css: la mia unica risorsa è l'intuizione e le sperimentazioni...)

    grazie sinda ora

    Ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il CSS e` piuttosto complesso, e seguirne tutti i vari selettori diventa lungo.

    Comunque ho notato che c'e`:
    codice:
    .gallery ul li a:hover img,
    .gallery ul li a:active img,
    .gallery ul li a:focus img { width:100px; height:75px; ...
    In cui vengono definite esplicitamente le dimensioni delle immagini.
    Facendo cosi` il browser DEVE dare quelle dimensioni alle immagini, stirando o comprimendo l'immagine indipendentemente nelle due dimensioni.

    Se invece definisci SOLO UNA dimensione, l'altra viene messa proporzionale (cosi` dovrebbero fare i brwoser, ma non e` garantito).

    Nota: forse non e` quello il punto dove devi intervenire; io ho solo notato che ci sono quelle dimensioni e quello puo` dare il problema. Seguendo concalma ed attenzione il flusso dei selettori pero` puoi arrivare al punto esatto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    24
    No, agendo su quel selettore non funziona.

    Ho trovato un articolo che "risolve" il problema:
    http://css.html.it/articoli/leggi/17...e-con-i-css/1/
    http://css.html.it/articoli/leggi/17...e-con-i-css/2/

    ma il mio problema è quello di integrare il codice suggerito dall'articolo con quello già presente nello script downloadabile a questo indirizzo http://mondaybynoon.com/2006/03/27/...-hoverlightbox/ (il file credo sia nella cartella css/gallery.css)

    Qualche buon saggio presente in questo forum saprebbe consigliarmi su questa operazione?

    Ciao e grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.