Hi,
Ich habe eine HTMl Seite mit vielen Bildern. Diese sind untereinander angeordnet:
Jedes dieser divs hat eine eigene Klasse. In diesem ist ein span Element welches absolut über den Bildern positioniert ist. Was ich nun erreichen möchte ist, dass sich das span ein und ausblendet je nachdem, wo man sich gerade mit dem Scrollbalken befindet.
Ich habe das schonmal gesehn bei Navigationen. Diese ändern ohne Seitenneuladung den aktiven Punkt der Navigation, je nachdem zu welchem Bereich man scrollt.
So was wie hier zu sehen: http://thisisnthappiness.com/page/2
Da faden die Bilder erst ein wenn die zu sehen sind. Ich möchte eben auch noch dass sich das span nicht nur einfadet, sondern eben auch wieder ausfadet.
Ich habe eine HTMl Seite mit vielen Bildern. Diese sind untereinander angeordnet:
Code:
<div class="work" id="work1"><span></span><img src="images/portfolio_bigex1.png" /></div>
<div class="work" id="work2"><span></span><img src="images/portfolio_bigex2.png" /></div>
<div class="work" id="work3"><span></span><img src="images/portfolio_bigex3.png" /></div>Jedes dieser divs hat eine eigene Klasse. In diesem ist ein span Element welches absolut über den Bildern positioniert ist. Was ich nun erreichen möchte ist, dass sich das span ein und ausblendet je nachdem, wo man sich gerade mit dem Scrollbalken befindet.
Ich habe das schonmal gesehn bei Navigationen. Diese ändern ohne Seitenneuladung den aktiven Punkt der Navigation, je nachdem zu welchem Bereich man scrollt.
So was wie hier zu sehen: http://thisisnthappiness.com/page/2
Da faden die Bilder erst ein wenn die zu sehen sind. Ich möchte eben auch noch dass sich das span nicht nur einfadet, sondern eben auch wieder ausfadet.
