Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

ALBUM PHOTOS "3D"


Information sur la source

Catégorie :Graphique Classé sous : ronde, 3d, photo, album, images Niveau : Débutant Date de création : 22/06/2007 Vu / téléchargé: 16 792 / 137 551

Note :
8,7 / 10 - par 10 personnes
8,70 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (28)
Ajouter un commentaire et/ou une note


Description

Cliquez pour voir la capture en taille normale
Album photo qui reprend ma précédente source. Cela met au centre une image qui change au gré de vos clics sur les images qui tournent autour en "3D". Désormais on peut choisir la taille des vignettes, du "manège" (hauteur-largeur) et ca se centre automatiquement en cas de redimensionnement de la fenêtre. Aux dernières nouvelles, c'est compatible firefox/IE. Un conseil : n'abusez pas du nombre d'images, ca a tendance à bien ralentir la rotation !
 

Source

  • function welcome(){
  • document.body.innerHTML="Tout est zippé"
  • document.body.innerHTML+="<br/> J'attends vos commentaires <br/> Adelami"
  • }
function welcome(){
document.body.innerHTML="Tout est zippé"
document.body.innerHTML+="<br/> J'attends vos commentaires <br/> Adelami"
}

Conclusion

R.A.S
Mis à part :
Admirez mon joli toutou !
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de DomJ le 23/06/2007 04:00:41

ouin, il est "cute"
Et puis ton code, il y a pas la function "welcome" dans le script, donc en arrivant sur la page, on voit rien!
**
Mais sérieux, quand on veut changer d'image, ça bogue:
http://img10.xooimage.com/files/0/6/b/screen-150fad.jpg

signaler à un administrateur
Commentaire de DomJ le 23/06/2007 04:02:40

** "welcome();" **
Et c'est quoi la différence entre g3.jpg et g6.png mise à part le rideau et le centrage?!

signaler à un administrateur
Commentaire de adelami le 23/06/2007 11:19:48

Apparement sous firefox le résultat est minable. Je viens de tester et franchement c'est horrible.
Mes z-index ne sont apparement pas pris en compte, la vitesse c'est "escargot" et effectivement "cute".

Je rajouterai le welcome() mais je vois pas comment adapter pour firefox.

Par contre j'ai pas compris ce que t'as voulu dire par "la difference entre g3.jpg et g6.png" ... peut être le nombre d'images que l'on peut désormais choisir ? :(
Ciao

signaler à un administrateur
Commentaire de DomJ le 23/06/2007 17:02:12

Non, car g6.jpg et g3.jpg se ressemblent, il y a seulement le rideau  et le centrage, sinon, le "toutou" est pareil dans les deux images, mais bon, pas de but avec le script.
Le welcome() c'était une blague!

signaler à un administrateur
Commentaire de adelami le 23/06/2007 23:38:11

Ah ok!
A propos du welcome() : en fait je pensais avoir oublié le window_onload() au onload.

signaler à un administrateur
Commentaire de dvdstory le 25/06/2007 03:44:14

Sous IE c'est génial 10/10
J'ai juste modif un petit truc perso à la lihne 38,  
onmouseover=\"vit=0\" en onmouseover=\"vit=0.01\"  je prefere ralentir le mouvement pluto que de le stopper, ça fait plus fluide et un côté moins strict je trouve.
Bravo !!

signaler à un administrateur
Commentaire de hmm3 le 25/06/2007 09:49:46

C'est tout simplement g-é-n-i-a-l !

Bravo !!!

signaler à un administrateur
Commentaire de geoflore le 26/06/2007 09:32:06

Tres belle réalisation particulièrement utilisable sur les sites de Botanique, Zoologie et Géologie.
M'autorisez vous à l'utiliser dans le cadre du site GEOFLORE qui présente la flore dans son cadre géologique et géomorphologique.

signaler à un administrateur
Commentaire de remisteiner le 26/06/2007 12:21:22

Excelent, génial, rien à redire !!

signaler à un administrateur
Commentaire de edson15 le 26/06/2007 12:55:51

C'est vraiment cool. Rien à dire là dessus

signaler à un administrateur
Commentaire de adelami le 27/06/2007 19:57:05

@ GEOFLORE :
Evidement que tu peux l'utiliser, c'est fait pour cela!
Normalement, tout ce qui est sur ce site est libre d'utilisation, si je ne m'abuse...
A bientôt!

Adelami

signaler à un administrateur
Commentaire de MATHIS49 le 03/07/2007 19:35:14

génial  ! previens nous des que ca marche sous FF

signaler à un administrateur
Commentaire de blade230 le 15/07/2007 19:32:31

J'ai corrigé ton problème pour FireFox...

---> Modifie ton image de départ comme ça:

<img src="./Pics/DSCF0074.JPG" id="viewer" class="viewer" onload="document.getElementById('viewer').style.zIndex=0"/>

J'adore vraiment ce que tu as fait!!!
tu crois qu'on peut ajouter une réflexion des images comme pour la librarie iTunes....???

Merci,
Max

signaler à un administrateur
Commentaire de blade230 le 15/07/2007 19:46:45

je sais que ça ne règle pas totalement le problème car on voit encore les images en alpha par dessus la principal... mais au moins on peut l'utiliser avec FF et IE ;)

(je continu de chercher une solution plus intéressante...)

signaler à un administrateur
Commentaire de MATHIS49 le 15/07/2007 20:35:23

tiens nous au courant blade!

signaler à un administrateur
Commentaire de adelami le 19/07/2007 17:57:32

Merci blade pour la correction. Pour la reflexion, j'y ai pensé, sous IE je peux utiliser les filter, ok mais sous FF ???
C'est pas que je suis microsoftophile, mais j'ai des gros problèmes pour adapter mes sources pour FF. :-(
à+

signaler à un administrateur
Commentaire de jypees le 02/08/2007 12:07:30

Alors tres bonne source mais sous firefox c'est vraiment lent. Malheureusement firefox vs ie et tappe toi la tete contre un mur.

En ce qui concerne le code j'ai pas mal de suggestions :
-Deja indente ton code car il sera plus lisible, et met le dans un js :)
-Puis a mon sens place le onload dans le js pour rendre vraiment la lib autonome (window.onload= window_onload;).
-Puis genere ton image central durant le onload (createElement) et tout sera 100 % autnome et du coup a implementer un simple link et puis hop ^^
-Et vraiment our t'embetter tu devrais specifier des globals avec des noms particuliers (genre _3dLibHauteur) pour eviter les conflits avec d'autres scripts).

Apres les maths je dis rien je suis une grosse mer*** lol

En tout cas felicitation je vais meme l'utiliser (a) Bonne continuation !

signaler à un administrateur
Commentaire de Eastchild le 10/08/2007 13:12:30

Très bonne source, le seul soucis pour que je puisse l'utiliser est qu'il manque juste un petit truc. Il aurait été pas mal de pouvoir, lorsque l'on clique dessus, ouvrir dans une autre fenêtre (ou dans un pop-up) la photo centrale en grand. Malheureusement je ne suis pas assez expérimenté pour donner les lignes à rajouter.

Sinon, super source, j'adore.

signaler à un administrateur
Commentaire de ylebailly le 18/08/2007 01:40:51

Salut, j'ai adoré l'effet, je vais donc m'en servir.
J'ai commencer à adapter simplement ta page pour une gestion de galeries
par fichiers de config via Ajax.
Ca évite de recharger la page complète :
http://www.javascriptfr.com/code.aspx?ID=43808
Ca peut toujours servir...
Je me pencherai dessus un peu plus pour rendre le tout autonome dans un script ... mais là, suis fatigué... vais m'coucher.
Bonne continuation!

signaler à un administrateur
Commentaire de GABBI le 11/10/2007 13:54:52 10/10

Bonjour
bravo , c'est génial.ça fait longtemps que je cherchais,ça marche mais le manège ce met en haut de la page,je suis débutante et je ne comprends pas pourquoi ,pouvez vous m'aider

signaler à un administrateur
Commentaire de GABBI le 22/10/2007 16:59:00

Bonjour
c'est bête de ne pas avoir de réponse à mon message ,car je ne peux pas l'installer sur mon site et je le regrette.
Dominique

signaler à un administrateur
Commentaire de vibi le 18/12/2007 15:39:58 8/10

Hello,
Du bon boulot ma foi.
Mes légères retouches:

J'ai remplacé
  document.getElementById("viewer").style.top=hh-150;
par
  document.getElementById("viewer").style.top=50;

Cela permet d'éviter que la photo verticale ne recouvre les vignettes du bas.

Et j'ai remplacé les deux vit=0.05 par vit=0.01 car, question de gout, je préfère plus lent pour avoir le temps de voir les vignettes.

signaler à un administrateur
Commentaire de petitours74 le 09/01/2008 22:36:10 4/10

Super cet effet. Seul problème que j'ai lorsque je cherche à modifier une valeur dans le code, c'est que plus rien ne fonctionne, ni sou IE ni sous FF.
Il est vrai que sous FF c'est plus lent, trop d'ailleurs. Mais je ne peux rien modifier sous peine d'annuler l'effet d'origine. Help pour un apprenti concepteur de site perso.....

signaler à un administrateur
Commentaire de cedricjoko le 21/01/2008 17:21:28 10/10

c'est super cool

signaler à un administrateur
Commentaire de Atrox le 31/01/2008 22:28:49

j'ai trouvé cette source geniale et je l'utilise actuellement pour faire un site car j'avais besoin d'un lbum photo mais je ne maitrise pas du tout le javascript. d'habitude je ne fais que du php j'ai reussi a l'intégrer a la mélanger avec du php pour qu'il aiile chercher les photo dans une db par contre j'ai un petit soucis j'ai rajouté une fonction censé afficher des commentaires dans une div qui change a chaque photo et la bam sa plante.
Je ne comprend pas pourquoi voila la fonction:
function descriptif
{
document.getElementById("maDiv" ).innerHTML  = "Mon TEXTE" ;
}

signaler à un administrateur
Commentaire de Atrox le 02/02/2008 03:07:54

J'ai résolu les soucis que j'avais et j'ai modifié cette source de facon a ce quelle charge les photos dans une base de données et quelle des commentaires ecrit dans la base de donnees a coté des photos quand on clike dessus comme un espece de blog. Si cela vous interesse dites moi le et je posteré la source modifié.

signaler à un administrateur
Commentaire de zarloon le 16/03/2008 11:34:15

Bonjour,
Ben moi ca m'interesse !!!
Merci de posté ta source!

signaler à un administrateur
Commentaire de vsnlrt le 16/08/2008 17:25:10

super mais j'ai un soucis j'arrive bien à changer les images du chien par les miennes mais pas à en ajouter ou à en enlever...
je déboute, c'est peut être tout bête mais ça fait 3 heures que je suis décu en vain alors si qq'un pouvait m'aider ce serait géniale lol
merci d'avance

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

probleme d'album photo [ par christclamard ] bonjour je suis christ et j'aimerais creer un album photo sur mon site internet. le probleme est que j'aimerais afficher 12 photo en sur 4 ligne  a ra Administration d'un album photo dynamique à base PHP MYSQL .. [ par bamohamed ] to be or not to beMerci à toute l'équipe javascriptfr pour m'avoir accorder une solution pour mon dernier problème ..cette fois ci j'ai un ptit truc q javascript+photo [ par yosra72000 ] Salut tout le monde   bonjour svp g besoin d'un javascript avec lequelle je pourrai manipuler deux image ligne bleu autour des images clicable [ par Phil_fog ] autour de mes images, se dessine un trait bleu quand l'image ouvre a un pop up, comment l'effacer ?Phil_fog Utilisation des ActiveX dans un site [ par queeny933 ] J'ai ecrit une petite fonction qui permet de lister des fichiers .jpg se trouvant sous une directory (le nom de la directory étant passé en paramètres Affichage d'une image dans un autre cadre en xhtml - css - javascript [ par Hackers50 ] Bonjour à tous,Ca fait maintenant quelque jour que je cherche une solution à mon problème et j'espère que ce forum où de moins vous pourrez m'aider.Vo Affichage d'une image dans un autre cadre en xhtml - css - javascript [ par Hackers50 ] Bonjour à tous,Ca fait maintenant quelque jour que je cherche une solution à mon problème et j'espère que ce forum où de moins vous pourrez m'aider.Vo Images Défilantes [ par Ombitious_Developper ] Salut:Un jour en navigant sur le net, j'ai vu un site qui utilise javascript pour créer le phénoméne de défilement des images en suivant une trajectoi Question sur affichage d'images [ par mdemo ] Bonjour,Je bloque bêtement sur un truc...Je souhaite afficher des images dont la taille va s'adapter en fonction de la fenêtre.Ex: j'ai des images all Menu couplé bannière [ par Leyte ] Bonjour à tous!J'espère avant tout ne pas m'être trompé de rubrique...J'expose mon problème :Mon site traite de la seconde guerre entre 1941-1945Mon e


Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,312 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.