- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- lightbox e IE
-
Si che ho controllato. A chi mi devo rivolgere secondo te?
-
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...
-
Vediamo se misterwo riesce ad aiutarti
Nel caso contrario ti sposto in Scripting.
-
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?
-
<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?
sciaooooooooooo
-
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.
-
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...
-
Ok. Adesso ho capito. Grazie mille sei gentilissimo.
Swahiili no ma il polacco alla grande! Grazie ancora.
-
risolto? funzia?
-
Per il sovracarico di lavoro non mi sono ancora avicinata a lightbox, forze domani. Comunque ti farò sapere.