salut

vous avez surement deja vu sur le net, des sites ou, quand on clique sur un lien d´image (jpg ou autre) sa ouvre l´image dans une sympatique animation flash. J´ai pas d´exemples pour vous montrer malheureusement, mais en fait sa assombri le reste du site et l´image souvre dans un espece de petit "rideau" blanc, avec une petite image pendant le chargement.

Vous voyez de quoi je parle ? Comment on fait sa ?

Ce n´est pas du flash mais du javascript.
Je ne connais plus le nom du script

ah du javascript, bon merci quand meme sa m´aidera pour mes recherches google

genre ça ?
http://www.smashbros.com/fr/ (clicker sur une image pour voir)

ça devient très à la mode ce genre de truc

Ouiiii exactement !

Enfin, sur le site de SSBB, les images ont toutes la meme taille, or moi sa serait pour exposer des designs pour mon portfolio, donc il me faudrait un script de ce genre mais qui accepte différentes tailles d´images.

personne sait ?

https://www.jeuxvideo.com/forums/1-30-7845489-1-0-1-0-0.htm
http://vikjavev.no/highslide/#examples resolvent une partie de ton problème.

C´est pas exactement ce que je veut

C´est exactement comme sur le site de SSBB sauf que les images sont plus grandes.

y a til moyen de trouver comment ils ont fait en regardant la source du site de SSBB de plus près ?

à ton avis ?

ben j´ai bien cherché dans leur répertoire /js/ et tout, mais comme je m´y connait pas du tout en javascript, ben voila quoi

1- on regarde la source de la page et les eventuelles FONCIONS js qui actives l´aperçu...on va donc sur une image concernée :
<A HREF="url" CLASS="thickbox">

2- on regarde le code et on s´aperçois qu´il n´y a pas de js, par contre, on a une CLASS="thickbox".

3- on va voir les pages javascript :
http://www.smashbros.com/fr/js/site.js : peut etre
http://www.smashbros.com/fr/js/css.js : rien à voir
http://www.smashbros.com/fr/js/flash_config.js : rien à voir
http://www.smashbros.com/fr/js/jquery.js : peut être
http://www.smashbros.com/fr/js/thickbox.js oh, on a un "thickbox"

4- par déduction, on garde :
http://www.smashbros.com/fr/js/thickbox.js

5- on regarde le js :

var tb_pathToImage = docRoute+"images/common/loading.gif";

A configurer

On voit un "kaisouNum" qui apparait dans
http://www.smashbros.com/fr/js/thickbox.js et
http://www.smashbros.com/fr/

On regarde le code :
"
case 0: docRoute = ""; break;
case 1: docRoute = "../"; break;
case 2: docRoute = "../../"; break;
case 3: docRoute = "../../../"; break;
"
et ce que le webmaster a configuer :

"<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var kaisouNum = 0;
//-->
</SCRIPT>" C´est donc l´url du js (a priorie) par rapport à la page courante (smashbros.com/fr/)...

"edit below this line at your own risk " eh ben on ne touche pas au reste.

C´est juste de l´observation ça.

aaaah ouais... en voyant "edit below this line at your own risk " j´en déduis que le webmaster a téléchargé un script deja fait. Si seulement je trouvais le même

heu...tu l´as le script là
http://www.smashbros.com/fr/js/thickbox.js + une class="thickbox" à foutre sur tes images....

ah ouais, c´est tout ? j´ai lancé une ptite recherche google vite fait avec "thickbox" et en effet, c´est le nom du script je vais voir un peu tout sa pour voir si je peut l´adapter pour mon site

merci

faut aussi
http://www.smashbros.com/fr/js/jquery.js

ah oui, ben merci bien j´ai vu sur le site officiel que sa annulait les margin et padding du CSS Faudrait que je teste pour voir comment sa rend pour des images très grandes (des designs).

+ http://www.smashbros.com/fr/css/thickbox.css

tout le monde !

J'aimerais afficher mes images avec une animation javascript comme le montre le site suivant :

http://gueschla.com/labs/smoothbox/

Seulement, j'ai un petit souci concernant les 3 fichiers qui sont donnés à télécharger : je ne sais pas ou les placer dans l'arborescence de mon site

Est-ce que quelqu'un pourrait m'expliquer comment faire pour que le script fonctionne

d'avance pour vos réponses !