Supersized 3.0 не будет работать в IE7 - PullRequest
Новая
       3

Supersized 3.0 не будет работать в IE7

0 голосов
/ 02 августа 2011

У меня проблема с Supersized в IE7. Я искал все страницы (без запятой после массива, правильно вызывал скрипт и т. Д.), И это мое последнее средство, надеюсь, кто-нибудь мне поможет.

Так что я использую плагин Supersized версии 3.0.

Он отлично работает во всех браузерах execp в IE7 (и IE6 тоже, но серьезно, хотя бы с 7 я сделаю).

Изображение полностью загрузится на странице, а затем «сотрет» все содержимое сайта (как во многих других случаях, которые я видел здесь), которое в свою очередь снова отобразится, если я отключу JavaScript или изменим размер окно браузера.

Код, который я использую для вызова изображения, выглядит следующим образом 

if ($option == "com_flexicontent" && $view == "category" && $cid == "1") {?>    
<script type="text/javascript">  
            jQuery(function(){
                jQuery.fn.supersized.options = {  
                    startwidth: 1024,  
                    startheight: 748,
                    transition: 0,
                    vertical_center: 1,
                    slides : [{image : './images/stories/bg/bg_1.jpg' }]
                };
                jQuery('#supersized').supersized(); 
            });
    </script>
<?php }

Выглядит так, потому что для каждой страницы используется только одно увеличенное изображение, поэтому в index.php устанавливается условие для определения того, какое изображение должно отображаться на каждой (да, бит кода там копируется несколько раз в файле index.php)

Я использую плагин с Joomla, если это поможет .. А также вот адрес сайта: http://www.centrointegrador.com.ar/

Каждый совет приветствуется :) Заранее спасибо!

Ответы [ 2 ]

1 голос
/ 10 августа 2012

Когда вы вызываете supersized в вашем js-файле ... (пример:) 

$.supersized({
    slides  :   [
        {
            image : 'img/bg/4.jpg',
            title : ''
        },
        {
            image : 'img/bg/5.jpg',
            title : ''
        },
        {
            image : 'img/bg/6.jpg',
            title : ''
        },
    ],
    keyboard_nav:0,
    random:1
});

Обратите внимание на запятую в массиве "слайдов".Это приведет к сбою в IE8 или старше.IE9 не выйдет из-за запятой.

Это будет работать в IE8 и 7 (для меня): 

    $.supersized({
    slides  :   [
        {
            image : 'img/bg/4.jpg',
            title : ''
        },
        {
            image : 'img/bg/5.jpg',
            title : ''
        },
        {
            image : 'img/bg/6.jpg',
            title : ''
        }
    ],
    keyboard_nav:0,
    random:1
});

Я не знаю, является ли это вашей проблемой, но, похоже, этобыть распространенной ошибкой, и я подумал, что стоит упомянуть.

Еще одна вещь, которую вы можете сделать (если это не ваша проблема), это проверить консоль внутри инструментов разработчика в IE (F12).

0 голосов
/ 02 августа 2011

Я создатель Supersized, я бы предложил обновить версию, которую вы используете, до версии 3.2 ( доступна здесь ) и изучить использование версии Core в этой загрузке.Базовая версия специально предназначена только для одного фонового изображения.

Эта версия Supersized гораздо лучше обрабатывает IE, хотя я отказался от поддержки IE6, учитывая дополнительную головную боль и низкий процент пользователей - не расстраивайтесь,Google и Wordpress - некоторые другие, которые делают то же самое.

...