[ajax][jquery] Slider zdjęć i ładowanie zdjęć, gdy pojawią się w oknie przeglądarki Opcje

[kazag]

Witam,

mam dwa problemy, prosiłbym o wskazówki, gdzie szukać rozwiązań.

1. Chcę zrobić slidera zdjęć na stronie, jednak zdjęć będzie dużo, przez co ich załadowanie opóźnia ładowanie innych partii strony. Wolałbym, aby załadowało się jedno, a potem jak ma się zmienić, to plik ładował drugie itd... Rozumiem, że należy to zrobić właśnie AJAXem, z tym, że nie miałem z nim jeszcze styczności i nie wiem gdzie ręce włożyć...

2. Chciałbym (na innej stronce) aby kilka zdjęć, które sa jedno pod drugim (jest och około 20, sporych rozmiarów) ładowały się dopiero, kiedy znajdują się w polu widoczności przeglądarki. Słowem - użytkownik widzi np. jedno zdjęcie i połowe drugiego, to one się ładują, zjeżdza niżej, to skrypt ładuje kolejne widoczne zdjęcia itd... Dzięki temu również na początku załaduję maks. dwa zdjęcia, a stronka będzie się ładować dalej...

[fleshgrinder]

z pierwsza rzecza mozesz sobie poradzic bez ajaxa
taki pomysl na szybko:

[HTML] pobierz, plaintext 
<ul>
	<li><img src="/cos/1.jpg"></li>   <- aktualnie wyswietlany element
	<li><img rel="/cos/2.jpg"></li>   <- nastepny w kolejce
	(...)
</ul>
[HTML] pobierz, plaintext 

dzieki temu, ze element img nie bedzie mial atrybutu src, przegladarka nie zacznie go ladowac. pozniej przy przechodzeniu miedzy elementami podstawiasz wartosc rel jako src, wtedy przegladarka zaczyna zaciagac obrazek.

odnosnie drugiej, sprawdz lazyload