Вопрос по jquery – Исчезающие изображения в IE8 jQuery Cycle

7

http://www.lunatestsite.co.uk/products/lifestation

Не могу за всю жизнь исправить это. Пока только в IE8. У меня была та же проблема в цикле домашней страницы, но мне удалось ее исправить, объявив ширину, высоту и задний план: нет! Важно на рассматриваемых изображениях.

Я думал, что это может быть проблема PNG, но то же самое происходит с JPGS:

http://www.lunatestsite.co.uk/test-disappearing-jpgs

Тот же результат: часто мерцание первого из двух изображений в слайд-шоу, а затем исчезает.

Любые идеи вообще приветствуются.

РЕШЕНО: Мое оригинальное исправление в конце концов сработало и для этого: добавление фона: ничего не важно !, и объявление ширины / высоты. Он не работал с дополнительными шаблонами, потому что я использовал класс вместо id для ul # product-images.

Позор, это горит! Извините за потерю чьего-либо времени.

<code>body.home #front-slider #front-slides .slide{
background:none !important;
width: 980px;
height: 389px;
}

body.home #front-slider #front-slides .slide .slide-image img{
    background:none !important;
    width: 629px;
    height: 345px;
}

body.page-template-page-product-view-php ul#product-images .slide, body.page-template-page-product-view-wide-php ul#product-images .slide{
    background:none !important;
    width: 970px;
    height: 300px;
}
</code>
CSS3Pie помог прекратить ненавидеть IE:css3pie.com Diodeus - James MacFarlane
css3 pie исправляет все разновидности IE8 CSS причуда. Diodeus - James MacFarlane
Как CSS3Pie помогает с этим? Извините, не вижу связи. luke

Ваш Ответ

4   ответа
7

img {
  max-width: 100%;
}

Как только я удалил вышеупомянутое правило (в этом случае оно мне не понадобилось), изображения перестали исчезать.

Error: User Rate Limit Exceededmax-width: 100%;Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded1140 gridError: User Rate Limit Exceeded
1

+ Изменить

img {
    max-width: 100%;
}

в

img {
    max-width: auto;
}
2

Если вы хотите сохранить

max-width: 100%;

затем также добавьте

width: auto;

ИЛИ удалите явные атрибуты width и height из HTML

ИЛИ поместите изображение в не плавающий контейнер

ИЛИ назначьте контейнеру определенную ширину.

Здесь есть довольно хорошая статья об этой ошибке:

http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/

1

Попробуй это...

$(window).load(function() {
    $('#product-images, #front-slides').cycle({
        timeout: '7000',
        next: '#next',
        prev: '#prev',
        pager: '#pager',
        pagerAnchorBuilder: function(idx, el) {
                return '<a href="#"></a>';
            }
    });
 });

window.load() будет стрелять после DOMand изображения страницы загружены, гдеdocument.ready() срабатывает только после загрузки DOM.

Error: User Rate Limit Exceeded luke
Error: User Rate Limit Exceeded luke
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededwindow.load()Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededwindow.loadError: User Rate Limit ExceededdisplayError: User Rate Limit ExceededvisibilityError: User Rate Limit Exceeded

Похожие вопросы