2012-02-01 3 views
0

Я использую плагин галереи для jQuery под названием SimpleGallery.IE7 JQuery SimpleGallery не загружается после обновления

Когда я загружаю свою страницу, все работает идеально, в каждом браузере. Но когда я обновляю страницу в Internet Explorer 7, изображения больше не будут загружаться.

Вот моя страница: https://www.cap47fb.com/bulthaup/welkom/

И это мой код:

$(document).ready(function(){ 
var mygallery=new simpleGallery({ 
wrapperid: "simplegallery1", //ID of main gallery container, 
dimensions: [520, 721], //width/height of gallery in pixels. Should reflect dimensions of the images exactly 
imagearray: [ 
    ["https://www.cap47fb.com/bulthaup/images/welcome_1.jpg", "", "", ""], 
    ["https://www.cap47fb.com/bulthaup/images/welcome_2.jpg", "", "", ""] 
], 
autoplay: [true, 5000, 20], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int] 
persist: true, //remember last viewed slide and recall within same session? 
fadeduration: 1000, //transition duration (milliseconds) 
oninit:function(){ 
    //event that fires when gallery has initialized/ ready to run 
    //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause")) 
}, 
onslide:function(curslide, i){ //event that fires after each slide is shown 
    //Keyword "this": references current gallery instance 
    //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML) 
    //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc) 
} 
}) 

}); 

Это происходит только тогда, когда вы поместите курсор в адресную строку и нажмите кнопку входа. Когда вы нажимаете кнопку «Обновить» своего браузера, это работает ...

Эта веб-страница будет использоваться как iframe на странице facebook, поэтому эта проблема также возникает, когда вы нажимаете на другое приложение и возвращаетесь к предыдущий.

Я поместил код в функцию document.ready, поэтому я уверен, что каждый раз, когда я получаю доступ или повторно обрабатываю страницу, простая галерея перезагружается, правильно?

+0

Попробуйте использовать $ (window) .load (function() {}); а не document.ready –

+0

nope, не работает ни один :( – samn

+0

Действительно ли это работает отлично для меня в IE7 –

ответ

1

Я нашел решение, ребятами в dynamicdrive:

Использование только текст редактор, например блокнотом, найти этот раздел в файле simplegallery.js:

Код:

for (var i=0; i<setting.imagearray.length; i++){ //preload slideshow images 
    preloadimages[i]=new Image() 
    preloadimages[i].src=setting.imagearray[i][0] 
    if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length) 
     setting.longestdesc=setting.imagearray[i][3] 
    jQuery(preloadimages[i]).bind('load error', function(){ 
     loadedimages++ 
     if (loadedimages==setting.imagearray.length){ 
      dfd.resolve() //indicate all images have been loaded 
     } 
    }) 
} 

Заменить его следующим образом:

Код:

for (var i=0; i<setting.imagearray.length; i++){ //preload slideshow images 
    preloadimages[i]=new Image() 
    if (setting.imagearray[i][3] && setting.imagearray[i][3].length>setting.longestdesc.length) 
     setting.longestdesc=setting.imagearray[i][3] 
    jQuery(preloadimages[i]).bind('load error', function(){ 
     loadedimages++ 
     if (loadedimages==setting.imagearray.length){ 
      dfd.resolve() //indicate all images have been loaded 
     } 
    }) 
    preloadimages[i].src=setting.imagearray[i][0] 
} 
Смежные вопросы