• Super User

    lightbox e IE

    Domanda? Ho creato unna galleria d'immagini con lightbox. Con FF va alla grande con IE mi sono sparite tutte le immagini! Ma è possibile? Mi sono capitate tante cose strane con IE ma questa mai! :arrabbiato:


  • User Attivo

    Ciao arnien, hai controlalto bene i path delle immagini?
    Messa così non è un problema di CSS.


  • Super User

    Si che ho controllato. :arrabbiato: A chi mi devo rivolgere secondo te?


  • User Attivo

    io lightbox lo uso ma nn mi crea problemi con IE...ci puoi postare del codice? è strano...li x li sembra che nn trovi le img...


  • User Attivo

    Vediamo se misterwo riesce ad aiutarti 🙂
    Nel caso contrario ti sposto in Scripting.


  • Super User

    Ok. Questa e la parte di xhtml:

    <div id="immagini">
    <h2>Benvenuti nel Blackbookbybe.com!</h2>
    <p>IMPAGINAZIONI</p>
    <ul>
    <li><a href="css/img/impa1a.jpg" rel="lightbox"><img src="css/img/impa1.jpg"/></a></li>
    <li><a href="css/img/impa2a.jpg" rel="lightbox"><img src="css/img/impa2.jpg"/></a></li>
    <li><a href="css/img/impa3a.jpg" rel="lightbox"><img src="css/img/impa3.jpg"/></a></li>
    <li><a href="css/img/impa4a.jpg" rel="lightbox"><img src="css/img/impa4.jpg"/></a></li>
    <li><a href="css/img/impa5a.jpg" rel="lightbox"><img src="css/img/impa5.jpg"/></a></li>
    <li><a href="css/img/impa6a.jpg" rel="lightbox"><img src="css/img/impa6.jpg"/></a></li>
    <li><a href="css/img/impa7a.jpg" rel="lightbox"><img src="css/img/impa7.jpg"/></a></li>
    </ul>
    </div>

    Non mi sembra niente di irregolare...

    E questa e la parte di css:

    /intestazioni immagini/
    #immagini{
    background: #E9EAE2;
    float:left;
    margin:0;
    padding:19px 0 0 10px;
    width:470px;
    height:480px;
    overflow:auto
    }

    text-align:left;
    font-size:12px;
    float:left;
    height:20px;
    width:400px;
    margin:0;
    padding:10px 0 0 10px;
    }

    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    }

    display:inline;
    margin: 0;
    padding:0;
    }

    margin:0;
    padding:0 0 0 7px;
    }

    border:1px solid #CCCCCC;
    }

    border:1px solid #800080;
    }

    Serve altro? :mmm:


  • User Attivo

    <style type="text/css" media="screen">
    <!--
    @import url(css/miocss.css);
    @import url(css/slimbox.css);
    -->
    </style>

    io carico un css oltre al mio..di nome slimbox che ti riporto:

     
    /* SLIMBOX */
    #lbOverlay {
     position: absolute;
     left: 0;
     width: 100%;
     background-color: #000;
     cursor: pointer;
     z-index:100;
    }
    #lbCenter, #lbBottomContainer {
     position: absolute;
     left: 50%;
     overflow: hidden;
     background-color: #fff;
     z-index:200;
    }
    .lbLoading {
     background: url(../img/slimbox/loading.gif) no-repeat center;
    }
    #lbImage {
     border: 10px solid;
    }
    #lbPrevLink, #lbNextLink {
     display: block;
     position: absolute;
     top: 0;
     width: 50%;
     outline: none;
     z-index:3;
    } {
     left: 0;
    }:hover {
     background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0% 15%;
    } {
     right: 0;
    }:hover {
     background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
    }
    #lbBottom {
     font-family: Verdana, Helvetica, sans-serif;
     font-size: 1.2em;
     color: #666;
     line-height: 1.4em;
     text-align: left;
     border: 10px solid;
     border-top-style: none;
    }
    #lbCloseLink {
     display: block;
     float: right;
     width: 66px;
     height: 22px;
     background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;
     margin: 5px 0;
    }
    #lbNumber {
     margin-right: 71px; font-size:10px;
    }
    #lbCaption {
     font-weight: bold; margin-right: 71px; font-size:16px
    }
    
    

    poi inserisco due js...

    <script src="js/mootools.js" type="text/javascript"></script>
    <script src="js/slimbox.js" type="text/javascript"></script>

    il primo diciamo che è "il motore" ed il secondo è quello che da l'effetto scuro alla pagina...se ti servono fammelo sapere che te li giro via mail...
    con questo modo va IE6/IE7/FF...

    poi nella pagina metto

    <a href="img/immaginegrande.jpg" rel="lightbox[scale]" title="Titolo che compare nel lightbox"><img src="img/miniatura.jpg" alt="Stesso titolo del link" border="0" /></a>

    se vai nella sezione "presentaci un sito", guarda i miei e vedi i lightbox...fammi sapere ok?

    :yuppi:sciaooooooooooo


  • Super User

    Aspetta, aspetta. tu praticamente stai parlando con analfabeta. Queste "cose" le devo aggiungere al codice o lo devo sostituire. Scusa ma veramente il cinese mi viene meglio. 😢


  • User Attivo

    lo slimbox è un css a parte, dove devi settare dove si trovano le img (quelle che indicano il chiudi, prossima img o precendete) -> "../img/slimbox/prevlabel.gif" <- questo è il percorso ma tu qui ci metti il tuo...

    poi credo che tu al tuo sito debba solo aggiungere i due js...
    fin qua ci siamo?

    mi disp ma il cinese nn lo conosco... 😛 so qualcosina di swahiili...


  • Super User

    Ok. Adesso ho capito. Grazie mille sei gentilissimo. :perfavore:

    Swahiili no ma il polacco alla grande! 😉 Grazie ancora.


  • User Attivo

    risolto? funzia?


  • Super User

    Per il sovracarico di lavoro non mi sono ancora avicinata a lightbox, forze domani. Comunque ti farò sapere. 😉