Lazyload och en animering när den är klar?

Tråden skapades och har fått 2 svar. Det senaste inlägget skrevs .
1

Hej!
Jag sitter med ett webprojekt med många bilder och har implementerat lazyload som lägger fram placeholder-bilder och laddar bara den bilderna som du kan se (above the fold). Nu skulle jag vilja att när bilden har laddats så flippar placeholder-bilden som ett kort och visar den färdig-laddade bilden.

Lazy Load Plugin for jQuery

Flip! A jQuery plugin v0.9.9

Ett misslyckat försök till callback....

$("img.lazy").lazyload({
	            load : function whenLoaded()
	            {
	                console.log($(this)); // Callback here
	            }
	        });
	function flip(lazyload){
		alert(hejsomfan);//den kommer inte ens hit!
		$(this).flip({
			direction:'lr',
			content:$(".img.lazy")//bilderna som ska laddas..
		})
	}

Jag får det verkligen inte att fungera och all hjälp tas tacksamt emot!

God Jul i förskott!

  • Medlem
  • Stockholm
  • 2012-12-29 15:38

Hmm ett fel jag ser på rak arm är att du försöker göra en alert med variabeln hejsomfan, finns den eller menar du att du vill skriva ut hejsomfan? Isåfall får du lägga det som en sträng, alert('hejsomfan')...

Hajjar inte exakt hur "lazyload" fungerar eller vad du försöker göra men det du har inom whenLoaded är bara en loggning till konsolen... så inget som "syns" händer ju inne i den loopen.

Funktionen flip() som anropas ju bara inne i sig själv så jag hajjar inte riktigt när den ska triggas?

Tack för ditt svar!
Jag fick reda på det till slut, att det var så många fel i koden det såg jag inte då. Men nu är det i alla fall löst, kanske inte på ett optimalt sätt men det fungerade i alla fall

<script>
//to make it all flip
// $('img.lazy').load(function() {
//     console.log($(this).attr('src') + ' loaded');
// });
// function flippen(element, el_left, settings) {
// 	$('.element').flip({
// 		direction:'lr',
// 		// color:'green',
// 		speed:2000,
// 		content:$("img.lazy")
// 	});
// }
// $("img.lazy").lazyload({ 
// 	failure_limit : 1,
// 	speed:500,
//     load : flippen
// });
</script>
1
Bevaka tråden