• A
    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:

    0
  • L
    User Attivo •

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

    0
  • A
    Super User •

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

    0
  • M
    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...

    0
  • L
    User Attivo •

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

    0
  • A
    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:

    0
  • M
    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

    0
  • A
    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. 😢

    0
  • M
    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...

    0
  • A
    Super User •

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

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

    0
  • M
    User Attivo •

    risolto? funzia?

    0
  • A
    Super User •

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

    0
Effettua l'accesso per rispondere