Blog

fancybox 1.3.1 toont geen close-button in IE

Gemerkt bij een klant: als je fancybox 1.3.1 gebruikt, toont Internet Explorer geen sluitkruisje. Firefox en Chrome wel. (Leve IE :p)
Voor de gewone vensters heb ik het opgelost met een link te plaatsen die dit script oproept:

jQuery('.close').click(function(){
    parent.jQuery.fancybox.close();
});

Voor foto's kan dit natuurlijk niet (proper). Vandaar moet je de css van fancybox wat aanpassen. Onderaan vind je de regel

.fancybox-ie #fancybox-close {
    background: transparent; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); 
}

Vervang deze door:

.fancybox-ie {
    background: transparent; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale'); 
}

En opgelost. Wat zou het leven zonder Internet Explorer toch veel mooier zijn. Dan had ik nu alweer een uur uitgewonnen als ik dit niet moest opzoeken.

Bron: http://drupal.org/node/772020

2010-05-05