[Tour] Des liens comme celui-là, on en trouve pas tous les jours !

[Gérard BAKNER]

Un nouveau Magic Castle :

Cette image est en noir et blanc. Allez maintenant sur le lien et regardez l'image proposée (le point noir pendant 30 secondes) puis déplacez la souris pour afficher l'image en noir et blanc : celle-ci apparaîtra en couleurs pendant une à deux secondes (alors qu'elle n'est pas en couleur) !

Mélies une explication ?

[Sébastien GUITTON]

OOHH

Extraordinaire!!

[Invité]

Superbe !!!

Quand on regarde l'image, celle-ci est en fait un négatif photo de l'image du chateau. Grâce à la persistance rétinienne qui vient à force de regarder 30s le point noir, on imprime alors les photos en inverse, exactement comme lorsqu'on regarde directement (involontairement) le soleil, on aperçoit après un point noir devant notre vue....

C'est superbe en tout cas, on peut le faire chacun pour soi avec une photo, super l'illusion !!

[Baxababa]

Incroyable, vraiment

[Baxababa]

Quand on regarde l'image, celle-ci est en fait un négatif photo de l'image du chateau.

Par contre, ce n'est pas du négatif !

[Sylvain LANCELOT]

Reste plus qu'à trouver ou faire le point pour voir toute la vie en couleur

[Invité]

Je viens de faire qq essais sur un logiciel photo, et cette option est proposée le résultat est satisfaisant !

Par contre je clique à côté pour changer de page et donc de photo, je ne sais pas programmer pour qu'en passant dessus l'image change...

Super en tout cas !

[Thomas]

Dans le HTML, entre les balises <head> et </head>

tu fais un copié collé de ce code :

  <script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

dans la balise BODY, tu mets :

<body onload="MM_preloadImages(nom_du_dossier/nom_image_2.jpg')">  

et là où tu veux mettre tes images roll over :

<img src="nom_du_dossier/nom_image_1.jpg" width="xx" height="xx" id="Image1" onmouseover="MM_swapImage('Image1','','nom_du_dossier/nom_image_2.jpg',1)" onmouseout="MM_swapImgRestore()" />  

Par contre, si nécessaire, merci de me contacter en privé sur l'email pour continuer cette conversation informatique !

[djkl]

Thomas, que penserais tu d'une rubrique dans laquelle on explique les différentes manips informatique pour: mettre une image,

Mettre un lien

Attacher un fichier

....

Et une rubrique Proposition d'amélioration du forum ?

Sinon l'effet super sympa, j'ai fais tourné le lien au gens du boulot et une minute plus tard on entendait des "Woooww" dans tous les bureaux! ça a fait son effet merci Gérard

[Gérard BAKNER]

Explication :

Site Internet

Le tutorial (pour le faire soi-même) sous Photoshop :

Site Internet

Modifié 14 juin 2006 par Gérard Bakner