18041 sujets

Questions générales et questions de débutants

Animation site Apple

Bonjour, se matin je me suis rendu sur le site d'apple et j'aimerai savoir comment il ont effectué le fondu entre la première image du macbook air et ensuite le fondu sur le site.

http://www.apple.com/fr/


Merci beaucoup de vos réponse !!!!! et je suis désolé si c'est une question un peu Smiley confused "boulet" Smiley confused
Administrateur
En JavaScript, tout est visible dans le code source

<script type="text/javascript" src="http://images.apple.com/global/scripts/ac_blackout.js"></script>
	<link rel="stylesheet" href="http://images.apple.com/global/styles/ac_blackout.css" type="text/css" />	
</head>
<body id="home">
	<script type="text/javascript">
		var blackout = new AC.Blackout('billboard', 'macbook20101020', {
			showWhenReferredByApple: false,
			showOnce: true
		});
		blackout.addImage('http://images.apple.com/euro/home/images/macbookair_hero_blackout20101020.jpg', { offsets: [42, 197], dimensions: [1108, 302] });
		blackout.addImage('http://images.apple.com/fr/home/images/macbookair_title20101020.png', { offsets: [225, 54], dimensions: [531, 57] });
	</script>

Modifié par dew (21 Oct 2010 - 10:58)
Merci beaucoup, mais se que je comprend pas, c'est comment il on défini la durée d'affichage de l'image sur le site internet
Administrateur
Bonjour,

le fichier *blackout*.js commence par
a écrit :
AC.Blackout=Class.create({defaultOptions:{duration:1.25,delay:2


Ce serait Google tu aurais du mal à lire leur code (les variables s'appellent a, b, c, d, e, ... pour optimisation, dur !) mais là Apple ne demande qu'à être lu (et imité ?).
Sujet clos
Aller à