ace24
New member
Hallo zusammen,
könnt ihr euch mal die Page http://rehkaemper.com unter Pictures anschauen....
Läuft mit Ie 8 und Firefox !
IE 7 zeigt mir die kleinen Thumbs nicht an !!!
*****
Ich glaub es liegt an der CSS!
Wenn ich #gallery raus nimm seh ich wenigstens die Bilder ...!
1 Bild - IE8, Firefox 3.5.3
2 Bild - IE8 Komp. Modus, IE7 usw.
Evtl. kann mir jemand helfen ?
könnt ihr euch mal die Page http://rehkaemper.com unter Pictures anschauen....
Läuft mit Ie 8 und Firefox !
IE 7 zeigt mir die kleinen Thumbs nicht an !!!
Code:
<script type="text/javascript">
<!--
function ChangeImage( szSourceName )
{
document.getElementById( "bild_complete" ).src =
document.getElementById( szSourceName ).src;
}
//-->
</script>
<ul id="gallery">
<li>
<img id="bild_1" src="xx/xxxx/xxx/blablub.jpg" width="37" height="37" onmouseover="ChangeImage( 'bild_1' )">
</li>
.
.
.
.
<div class="mgal">
<img id="bild_complete" src="xx/xx/xx/blablub.jpg">
</div>
*****
Ich glaub es liegt an der CSS!
Wenn ich #gallery raus nimm seh ich wenigstens die Bilder ...!
Code:
/* begin gallery styling */
#gallery {
list-style: none;
width: 180px;
margin-left:-205px;
margin-top:18px;
display: block;
}
#gallery li {
opacity: .99;
float: left;
width: 37px;
height: 37px;
background-position: 50% 50%;
cursor: pointer;
border: 3px solid #fff;
outline: 1px solid #000;
margin-bottom: 14px;
}
#gallery li.active, #gallery li:hover {
outline-color: #bbb;
opacity: .5 /* safari bug */
}
#gallery li {
float: left;
margin: 0 10px 10px 0;
}
.mgal img {
position: absolute;
top: 18px;
height:auto;
width:auto;
border-width:2px;
border-style:solid
}
/* end gallery styling */
1 Bild - IE8, Firefox 3.5.3
2 Bild - IE8 Komp. Modus, IE7 usw.
Evtl. kann mir jemand helfen ?
Anhänge
Zuletzt bearbeitet: