Generale görüntü önyükleme soru

2 Cevap php

I used to code in javascript - jquery and PHP. I like to have a folder of, let asy 100 images, scan it and get it to screen with a fade in beetween, and delay... Much of that can be done pretty esealy

The question : only for speed purpose, i like to get img1, show it preload img2 wait 2-3 second fade to img2 preload img3 wait ... and so on...

böylece aynı anda yalnızca 2 görüntü yükü olan çok daha hızlı olduğunu, ve sadece bir sonraki resim ne olacağını anahtarlama, çok codeing gerekmeyen ...

Now, having a on 100 image make it slow to load, and i dont talk about 250! that just kill the computer Any idea

Ben .... tu dynamicly img başvurusunu değiştirmek ve önyükleneceği ajax reklam jquery hakkında herhangi bir fikir kimse düşünüyorsun??

2 Cevap

jquery, sen solmaya animasyon image.load olay bir geri arama yapabilirsiniz

Bu gibi (denenmemiş)

		images = [ "one.jpg", "two.jpg" ...];
		divs = ["#first", "#second"];
		fore = 0;

		function show() {
			if(!images.length) return;
			var back = 1 - fore;
			$(divs[back]).html("<img>").find("img").attr("src", images.shift()).load(function() {
				$(divs[fore]).fadeOut();
				$(divs[back]).fadeIn();
				fore = back;
				setTimeout(show, 1000);
			});
		}

Eğer image1 görüntüleniyor olsa da, bunun için bir resim etiketi oluşturarak, ya da javascript görüntü nesnesi kullanarak yüklemek için tarayıcı ve önbellek Image2 olsun.

Görüntüleri geçmek için hazır olduğunuzda, sadece image1 gelen Image2 için ana görüntüyü (zaten tarayıcı önbelleği olacak, böylece herhangi bir gecikme) güncelleyin. Bu noktada için tam yük image3 ve beklemek için gizli görüntü güncelleyin.

etiketler