[FRAGE] Quellcode zeitversetz ausführen

[tobbyr5]

Guten Tag,

ist es möglich, einen Teil des html codes zeitverzögert auszuführen?

In dem folgenden code werden über das script 24 Bilder "small" geladen und nacheinander automatisch angezeigt. (360 Grad Animation von Produkten)

Um die Bilder größer anzuzeigen, wird nach click auf die Lupe im selben script 24 Bilder "medium" geladen und automatisch angezeigt.

Da die Bilddaten recehtgroß sind, dauert das Laden der 24 großen Bilder recht lange.

Daher möchte ich - wie im folgende dargestellt - die großen Bilder im Hintergrund vorladen in der zeit, in der der Anwender noch die kleinen Bilder ansieht.

Dafür müsste der "preload" code aber erst ausgeführt werden, wenn die Anzeige der kleinen Bilder erfolgt ist, also ca. 30 - 40 sek. später.

	<script type="text/javascript">
		$(document).ready(function() {     
			$("#screen").lp3dStage({ imageWidth: 250, imageHeight: 250 });
		}());                                      
	</script>              

    
    <div id="preload_img">  <!--  preload the next bigger Images for zoom function -->
    
        <img src="off_img_medium/turn001.jpg" width="0" height="0" />
        <img src="off_img_medium/turn002.jpg" width="0" height="0" />
        <img src="off_img_medium/turn003.jpg" width="0" height="0" />
        <img src="off_img_medium/turn004.jpg" width="0" height="0" />
        <img src="off_img_medium/turn005.jpg" width="0" height="0" />
        <img src="off_img_medium/turn006.jpg" width="0" height="0" />
        <img src="off_img_medium/turn007.jpg" width="0" height="0" />
        <img src="off_img_medium/turn008.jpg" width="0" height="0" />
        <img src="off_img_medium/turn009.jpg" width="0" height="0" />
        <img src="off_img_medium/turn010.jpg" width="0" height="0" />
        <img src="off_img_medium/turn011.jpg" width="0" height="0" />
        <img src="off_img_medium/turn012.jpg" width="0" height="0" />
        <img src="off_img_medium/turn013.jpg" width="0" height="0" />
        <img src="off_img_medium/turn014.jpg" width="0" height="0" />
        <img src="off_img_medium/turn015.jpg" width="0" height="0" />
        <img src="off_img_medium/turn016.jpg" width="0" height="0" />
        <img src="off_img_medium/turn017.jpg" width="0" height="0" />
        <img src="off_img_medium/turn018.jpg" width="0" height="0" />
        <img src="off_img_medium/turn019.jpg" width="0" height="0" />
        <img src="off_img_medium/turn020.jpg" width="0" height="0" />
        <img src="off_img_medium/turn021.jpg" width="0" height="0" />
        <img src="off_img_medium/turn022.jpg" width="0" height="0" />
        <img src="off_img_medium/turn023.jpg" width="0" height="0" />
        <img src="off_img_medium/turn024.jpg" width="0" height="0" />
    
    </div><!--/preload-->
    
</body>
</html>

Bin für jeden tipp dankbar!

Robert

 

[tsseh]

ist es möglich, einen Teil des html codes zeitverzögert auszuführen?

einen teil des js-codes

Daher möchte ich - wie im folgende dargestellt - die großen Bilder im Hintergrund vorladen in der zeit, in der der Anwender noch die kleinen Bilder ansieht.

jedes img-element feuert das load-event wenn das bild geladen ist. wenn alle kleinen bilder das getan haben kannst du die großen vorladen
wobei das auch kritisch sein kann, wenn die wirklich so groß sind. ich würde das als anwender nicht wollen.

Dafür müsste der "preload" code aber erst ausgeführt werden, wenn die Anzeige der kleinen Bilder erfolgt ist, also ca. 30 - 40 sek. später.

ca. gibt es nicht in der softwareentwicklung

 

[tobbyr5]

Das script

<script type="text/javascript">
		$(document).ready(function() {     
			$("#screen").lp3dStage({ imageWidth: 250, imageHeight: 250 });
		}());                                      
	</script>

läd beim Aufruf die kleinen Bildgrößen und zeigt sie an, nach click läd das selbe script die großen Bilder und zeigt diese auch an.

Da das script aber die großen Bilder vom server läd, dauert das bei 24 Bildern mit 1000 x 1000 px recht lange.

Werden die Bilder in dem aufrufenden html im hintergrund ge-preloadd läuft das wesentlich schneller.

Wenn aber der preload zeitgleich mit dem load der kleinen Bilder läuft blockiert er die Anzeige der kleinen Bilder.

Daher zeitverzögert. Da die meisten Besucher die großen Bilder sehen wollen, freuen sie sich, wenn sie die Bilder vorgeladen und scneller haben....

 

[tsseh]

Das script ... läd beim Aufruf die kleinen Bildgrößen und zeigt sie an, nach click läd das selbe script die großen Bilder und zeigt diese auch an.

dann bietet dir das script vielleicht eine callback an, wenn alle bilder geladen sind.
es spricht aber auch nichts dagegen, die bilder selbst vorzuladen, die kleinen, und dann erst das anzeigeobjekt zu initialisieren und die großen bilder zu laden

 

[mikdoe]

@tobbyr5: solange es nur einen Gesprächspartner gibt machen Zitate keinen Sinn, wenn man sich nicht auf etwas ganz Bestimmtes bezieht was ohne nicht erkennbar wäre. Desweiteren benutze bitte zukünftig die Code Tags für Code, ich hab das jetzt für die bisherigen zwei Beiträge schon erledigt. Danke dir