Supersize плагин jQuery не загружает изображения в IE7 IE8

Обратите внимание: я попытался удалить запятую из последнего исправления пути к файлу изображения, с которым обычно сталкиваются новые пользователи. Это не решило мою проблему.Supersize плагин jQuery не загружает изображения в IE7 IE8

Мой сайт с использованием плагина jQuery Supersize не загружает изображения в IE7 и IE8. Он отлично работает везде во всех браузерах. Я заметил, что использование IE Debug Toolbar для принудительного режима quirks для IE8 заставляет загружать изображения, как и предполагалось. То, что я получаю в IE7/IE8, - это серый экран и аниматор загрузчика изображений, а также сообщения об ошибках, которые я могу обнаружить с помощью Firebug или IE Debug Toolbar. Я использую его на сайте Wordpress, но не в плагине Wordpress, вместо этого я использую плагин jQuery. Мой Supersize код здесь:

<script type="text/javascript"> 

     jQuery(function($){ 

      $.supersized({ 

       // Functionality 
       slide_interval   : 4000,  // Length between transitions 
       transition    : 1,   // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left 
       transition_speed  : 700,  // Speed of transition 

       // Components       
       slide_links    : 'blank', // Individual links for each slide (Options: false, 'num', 'name', 'blank') 
       slides     : [   // Slideshow Images 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Donnie-S_Home_Duo_NAME.jpg'}, 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Tom-M_Home_Duo_NAME.jpg'},              
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Jason-S_Home_Duo_NAME.jpg'}, 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/James-G_Home_Duo_NAME.jpg'},               
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/RDJoseph_Home_Duo_NAME-3.jpg'}, 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Paul-D_Home_Duo_NAME.jpg'}, 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/Steven-H_Home_Duo_NAME.jpg'}, 
                {image : 'http://boultonweb.com/dennis-sparrow/wp-content/themes/SDMTheme/superstuff/slides/JMTHomas_Home_Duo_NAME.jpg'}              
              ]           

      }); 
      if(window.innerWidth <= 765){ 
       all_slides = [ all_slides.shift() ]; 
      }else{ 
       //only need controllers for multiple slides 
       $("#slider article:first-child").addClass('active'); 
      } 

     }); 

    </script>

Кто-нибудь увидеть любого из моих ошибок начинающих, которые могут быть не допустить этого запуск в IE7 и IE8 или есть предложения по устранению неполадок, или даже обходной путь? Я проверял ошибки удаления html5/css, но пока это не имеет ощутимого эффекта. Любая помощь будет принята с благодарностью.

-C-

источник

2013-08-20 user11643

IE7 & IE8 не поддерживает window.innerWidth, использовать JQuery $(window).innerWidth()

источник

2013-08-20 17:56:51

Roland Jensen - спасибо за быстрый ответ. Где я использую «window.innerWidth»? Я просто искал все файлы js и css с помощью инструмента «Найти/заменить» и не обнаружил экземпляров «window.innerWidth». Извините, noob здесь и ваша помощь оценены. Tate Reynolds - первая строка моего запроса на помощь И код, который я опубликовал, показывают, что это не запятая после проблемы с файловой дорогой. Я скопировал свой код из предоставленной демонстрации и использую те же сценарии. Спасибо за попытку. – user11643

'if (window.innerWidth <= 765) {' находится в вашем вопросе. –

Спасибо, что указали, что из Роланда нет кубиков. Стоит попробовать. Я также удалил сценарий обнаружения мобильных устройств, который использовал «window.innerWidth», и заменил его на сниффер пользователя-агента, чтобы не было экземпляров «window.innerWidth» на всем сайте, но не повезло. Мне нужно протестировать тестер IE (для IE7/8), и я не уверен, что это дает мне точную обратную связь. У всех IE7/IE8 все еще установлен или запущен на виртуальной машине? URL-адрес: http://sparrowdennis.com/. Прогнозируемый результат - серый экран с бесконечной загрузкой анимации. Еще раз спасибо Роланду. – user11643

Supersized демо прекрасно работает в IE - http://buildinternet.com/project/supersized/3/default.html

Если вы читаете немного больше на суперсайзд JQuery плагин - http://buildinternet.com/2010/11/supersized-3-0-full-screen-background-slideshow-jquery-plugin/

Также убедитесь, что у вас есть последний плагин jquery ...

Кто-то сталкивался с той же проблемой с отсутствующим запятой после закрывающего тега:

<script type=&#34;text/javascript&#34;> 
    $&#40;function&#40;&#41;{ 
     $.fn.supersized.options = { 
      startwidth&#58; 640, 
      startheight&#58; 480, 
      vertical_center&#58; 1, 
      slideshow&#58; 1, 
      navigation&#58; 0, 
      thumbnail_navigation&#58; 0, 
      transition&#58; 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left 
      pause_hover&#58; 0, 
      slide_counter&#58; 0, 
      slide_captions&#58; 0, 
      slide_interval&#58; 15000, 
      slides &#58; &#91; 
       {image &#58; &#39;slides/background_3.jpg&#39;, title &#58; &#39;City Clock Tower&#39;}, 
       {image &#58; &#39;slides/background_1.jpg&#39;, title &#58; &#39;City Clock Tower&#39;}, 
       {image &#58; &#39;slides/background_2.jpg&#39;, title &#58; &#39;City Clock Tower&#39;}, 
       {image &#58; &#39;slides/background_4.jpg&#39;, title &#58; &#39;City Clock Tower&#39;} 
      &#93; 
     }; 
     $&#40;&#39;#supersized&#39;&#41;.supersized&#40;&#41;; 
    }&#41;; 
</script>

источник

2013-08-20 17:59:16

Supersize плагин jQuery не загружает изображения в IE7 IE8

ответ

Смежные вопросы