Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di Niniane
    Registrato dal
    May 2004
    Messaggi
    236

    Gallery con zoom immagini non funziona su IE

    Salve a tutti,

    ci ho sbattuto la testa per tutto il week end ma ora sono alla frutta e oltre.
    Spero qualcuno possa aiutarmi a capire cosa c'è che non va in questa gallery che sto realizzando.
    Premetto che sono partita da una gallery che avevo già usato in altre occasioni che però ho modificato per adattarla al nuovo uso, purtroppo con le modifiche che ho inserito non funziona più su Explorer.

    Ho una lista con immagine unica di background, che graficamente si presenta come una serie di thumbnail.
    All'hover su ogni thumbnail si deve aprire lo zoom con un ingrandimento il tutto gestito solo da css.
    Funziona con tutti i browser (sia Win che Mac) tranne il bastardissimo Explorer.

    Questo è il codice html:
    <ul class="hotLinkNewGallery">
    <li class="hotLink hotLink1"><span></span>
    <li class="hotLink hotLink2"><span></span>[/list]
    Questo il css:
    ul.hotLinkNewGallery {
    position:relative;
    width:615px;
    height:205px;
    list-style:none;
    margin:0;
    padding:0;
    background:url(../my_images/bg_gallery.jpg) center top no-repeat;
    }
    li.hotLink, li.hotLink a {
    position:absolute;
    /* border:1px none #FFFFFF;
    */ top: 1px;
    }
    li.hotLink a span {
    display:inline;
    }
    li.hotLink a:hover {
    /* border: 1px solid #FFFFFF;*/
    }
    ul.hotLinkNewGallery:hover li {
    border: none;
    }
    li.hotLink a:hover span{
    display:block;
    position:absolute;
    background-color:#FFFFFF;
    border: none;
    }
    li.hotLink a:link, a:visited, a:hover, a:active {
    text-decoration:none;
    color:#333333;
    }
    li.hotLink1 a{
    top:0px;
    left:155px;
    width:150px;
    height:100px;
    }
    li.hotLink1 a:hover span{
    width: 400px;
    height: 300px;
    top:80px;
    left:50px;
    background:url(../my_images/gal_img1_big.jpg) center no-repeat;
    }
    li.hotLink2 a{
    top:0px;
    left:310px;
    width:150px;
    height:100px;
    background:trasparent;
    }
    li.hotLink2 a:hover span{
    width: 400px;
    height: 300px;
    top:80px;
    left:50px;
    background:url(../my_images/gal_img2_big.jpg) center no-repeat;
    }
    Io ormai dopo 2 giorni di tentativi sono alle lacrime ...spero qualcuno possa illuminarmi...grazie!
    Realizzazione siti web - Produzioni grafiche per il web e la stampa

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    aggiungi

    li.hotLink a:hover {
    direction: ltr;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    Utente di HTML.it L'avatar di Niniane
    Registrato dal
    May 2004
    Messaggi
    236
    Ci provo grazie...a che serve?
    :master:
    Realizzazione siti web - Produzioni grafiche per il web e la stampa

  4. #4
    Utente di HTML.it L'avatar di Niniane
    Registrato dal
    May 2004
    Messaggi
    236
    Nonostante sia andata a leggermi il fedele "CSS Pocket Reference" di Meyer non mi è ben chiaro cosa faccia "direction" e qua nessuno spiega...

    Comunque la cosa strana di tutto questo è che dopo essere impazzita 2 giorni per capire cosa non funzionasse in IE in una gallery che avevo giù utilizzato in passato e che funzionava senza problemi è stata che nel mio IE7 sotto Win io non vedevo funzionare questa gallery invece il cliente nel suo IE7 sotto Win la vedeva perfettamente funzionante.

    Com'è possibile che nello stesso browser, nella stessa versione e sotto Win a me non funzia e a lui si???
    Vi è mai successo? Qualcuno ha una vaga idea di cosa può esserci nel mio explorer che non mi visualizza l'effetto zoom della gallery???


    Grazie!
    Realizzazione siti web - Produzioni grafiche per il web e la stampa

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    se uno dei due ha un browser standalone (e non di sistema) possono verificarsi queste incongruenze apparenti

    la regola direction: ltr è ben spiegata online, basta fare una ricerca qui, qui o qui o anche nel forum se n'è discusso e , assieme ad altre proprietà consente ad IE6 di ovviare ad un bug di repaint (ridisegno) su elementi che devono apparire all'hover
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.