-BVR-
Legacy Member
EDIT: solved: zie deze post
Ziet iemand waarom de css sprite niet werkt op de pijltjes om te navigeren en het kruisje om te sluiten in shadowbox? Klik hier op één van de leden hun naam en dan komt er een lightbox-achtige viewer op, maar in IE8 en minder werken die sprites niet. De afbeeldingen worden precies geresized om binnen de div te passen.
Hier een afbeelding van wat ik bedoel. Er worden dus twee pijltjes getoond ipv één.
Iemand die vindt hoe het komt?
Hier is de belangrijkste CSS code:
Ik denk dat het met volgend stukje code te maken heeft in het javascript document van shadowbox:
Een groter stuk uit het script:
Ik weet echter niet wat die DXImageTransform.Microsoft.AlphaImageLoader doet - ja het scalet, maar wat scalet het allemaal? En kan ik het verwijderen? Zo niet: hoe zorg ik dat het m'n nav-afbeeldingen niet scalet?
Ziet iemand waarom de css sprite niet werkt op de pijltjes om te navigeren en het kruisje om te sluiten in shadowbox? Klik hier op één van de leden hun naam en dan komt er een lightbox-achtige viewer op, maar in IE8 en minder werken die sprites niet. De afbeeldingen worden precies geresized om binnen de div te passen.
Hier een afbeelding van wat ik bedoel. Er worden dus twee pijltjes getoond ipv één.
Iemand die vindt hoe het komt?
Hier is de belangrijkste CSS code:
Code:
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
background-repeat:no-repeat;
}
#sb-nav-close{
background-image:url(/sites/default/files/sluit.png);
background-position: bottom center;
}
#sb-nav-close:hover{
background-image:url(/sites/default/files/sluit.png);
background-position: top center;
}
#sb-nav-next{
background-image:url(/sites/default/files/volgend.png);
background-position: top center;
}
#sb-nav-next:hover{
background-image:url(/sites/default/files/volgend.png);
background-position: bottom center;
}
#sb-nav-previous{
background-image:url(/sites/default/files/vorig.png);
background-position: top center;
}
#sb-nav-previous:hover{
background-image:url(/sites/default/files/vorig.png);
background-position: bottom center;
}Ik denk dat het met volgend stukje code te maken heeft in het javascript document van shadowbox:
Code:
progid:DXImageTransform.Microsoft.AlphaImageLoaderEen groter stuk uit het script:
Code:
T.init = function() {
Q.appendHTML(document.body, s(T.markup, Q.lang));
T.body = ad("sb-body-inner");
aa = ad("sb-container");
ae = ad("sb-overlay");
Z = ad("sb-wrapper");
if (!x) {
aa.style.position = "absolute"
}
if (!h) {
var aG, K, S = /url\("(.*\.png)"\)/;
aF(q, function(aI, aJ) {
aG = ad(aJ);
if (aG) {
K = Q.getStyle(aG, "backgroundImage").match(S);
if (K) {
aG.style.backgroundImage = "none";
aG.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src=" + K[1] + ",sizingMethod=scale);"
}
}
})
}
var aH;
F(au, "resize", function() {
if (aH) {
clearTimeout(aH);
aH = null
}
if (A) {
aH = setTimeout(T.onWindowResize, 10)
}
})
};Ik weet echter niet wat die DXImageTransform.Microsoft.AlphaImageLoader doet - ja het scalet, maar wat scalet het allemaal? En kan ik het verwijderen? Zo niet: hoe zorg ik dat het m'n nav-afbeeldingen niet scalet?
)