Hallo iedereen,

Ik ben momenteel aan het werken aan mijn showcase
http://willemgoossens.dimoweb.com/

Nu werkt de animatie van die plaatjes op de homepage niet goed.
In IE, FF en chrome is alles in orde maar als ik ernaar kijk in safari dan verspringen de foto's als ze groter of kleiner worden en na de animatie springen ze terug zoals het moet.
Weet iemand hoe dit komt?

Dit is de jquery code:

$(".image-box").hover(function()
	{
		var id = $(this).attr('id');
		
		$("#" + id).stop().animate({
			width: 515,
			height: 321,
			marginTop: "-5px",
			marginLeft: "-5px",
			'backgroundPositionX': "0px",
			'backgroundPositionY': "0px"
		});
	}, function() {
		var id = $(this).attr('id');
		$("#" + id).stop().animate({
			width: 505,
			height: 311,
			marginTop: "0px",
			marginLeft: "0px",
			'backgroundPositionX': "-5px",
			'backgroundPositionY': "-5px"
		});
	});

Edit:
als ik het lokaal host op wampserver dan schokt die ook...

Alvast bedankt,
Willem

Hey,

bedankt voor de tip. Weet je toevallig ook welke property ik dan zou moeten gebruiken??

Willem

Hallo,

ik heb het nu aangepast naar css3, maar hij doet het precies nog altijd niet fatsoenlijk in safari???
Best vervelend :s

Willem