jQuery opera cache i kolejność ładowania drzewa dom

w dziale Strony WWW w Operze
wurszt1 napisał(a):

Witam, to mój pierwszy post na tym, forum.

Przeszperałem chyba już cały internet w poszukiwaniu informacji na temat kolejności 'ładowania' strony oraz wykonywania skryptów na stronie.

Korzystam ze skryptu: http://www.bkosborne.com/waterwheelCarousel.php (pod operą 11.0 oraz 10.56 się nic nie wyświela, więc zalecam użycie chociażby IE)

Problem tkwi w tym iż jeżeli obrazków, które mają znaleźć się w karuzeli, nie ma w cache przeglądarki, to karuzela po prostu się nie ładuje.

Próbowałem
$(document).ready
$(window).load
$(document).load
$("#nazwadiva").load
$('#nazwadiva").ready
Umieszczanie skryptu na końcu strony (tuż nad stopką)
+ pare bardzo nieprofesjonalnych sztuczek z js/jquery

i nie działa, jednak jeśli ktoś ściągnie z podanego linku przykład na dysk wszystko załaduje się poprawnie.
Jeśli obrazki znajdą się jakimś cudem w cache(np zostaną zapisane z innej podstrony/bez karuzeli/) to wszystko działa jak pod innymi przeglądarkami.


nowotny napisał(a):

Opera po prostu ma tak że nie ładuje obrazków jeśli te mają ustawiony styl "display: none"... Widać ten skrypt nie bierze tego pod uwagę... albo napisz do autora aby poprawił plugin albo poszukaj takiego który będzie współpracował z Operą...

EDIT: Ja wymyśliłem taką funkcję która pilnuje tego żeby uruchomić plugin dopiero wtedy kiedy wszystkie obrazki się załadują... paskudny hack, ale działa... smile

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Waterwheel Carousel Demonstration Test</title>        
        <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.waterwheelCarousel.js"></script>
        <script type="text/javascript">
				function load_next(i){
					$('<img>').load(function(){						 	
						$(this).appendTo($('#waterwheelCarousel'));
						$(this).unbind('load');
						if(i<11) load_next(++i);
						else{
							$("#waterwheelCarousel").waterwheelCarousel("horizontal",{
 		               	startingItem: 6
 		            	});
						}
					}).attr({'src': 'images/testImage'+i+'.png','alt':'Test Image '+i});
				}         
				
				$(document).ready(function () {
					load_next(1);
            });
        </script>
    </head>
    <body>
		<div id="waterwheelCarousel"></div>
    </body>
</html>