JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="iandarfdas, post: 12592, member: 4240"] sogar 0.6, erste idee wäre einfach die startposition zu verschieben (?) noch eine Idee wäre: [CODE=javascript]var element = document.querySelector('#main-container'); var position = element.getBoundingClientRect(); // checking whether fully visible if(position.top >= 0 && position.bottom <= window.innerHeight) { console.log('Element is fully visible in screen'); } // checking for partial visibility if(position.top < window.innerHeight && position.bottom >= 0) { console.log('Element is partially visible in screen'); }[/CODE] hiermit gucken wann das bild vollständig zu sehen ist, dann opacity = 1 if position.top > position.bottom, weiss man das bild kommt in den viewport --> opacity = 1 - boundingRect.top / (startPos - endPos); else umgekehrte berechnung... [/QUOTE]