begin process at 2012 02 09 17:23:46
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > ALBUM PHOTOS "3D"

ALBUM PHOTOS "3D"


 Information sur la source

Note :
8,67 / 10 - par 12 personnes
8,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Classé sous :ronde, 3d, photo, album, images Niveau :Débutant Date de création :22/06/2007 Date de mise à jour :14/04/2010 20:24:34 Vu / téléchargé :25 869 / 138 871

Auteur : adelami

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (38)
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

14 avril 2010 20:24:35 :
Code désormais orienté objet. Fichier JS séparé. Possibilité de mettre l'album n'importe où dans une page. Possibilité de mettre plusieurs album sur une même page.

 Sources du même auteur

Source avec Zip Source avec une capture EFFET DE CASCADE SUR DES IMAGES AVEC TRANSPARENCE...
Source avec Zip Source avec une capture MANÈGE 3D
Source avec Zip Source avec une capture LOUPE SUR IMAGE AU PASSAGE DE LA SOURIS !

 Sources de la même categorie

Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS par kazma
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture 3D AVEC WEBGL + MESH par Hakumbaya
Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS par kazma
Source avec Zip Source avec une capture ALBUM PHOTO AVEC PARTIE ADMINISTRATION - PHP + AJAX + XML par tinokoxx
Source avec Zip Source avec une capture MANÈGE 3D par adelami
Source avec Zip Source avec une capture DIAPORAMA PHOTO AVEC REDIOMMENSIONNEMENT DES IMAGES par beshop78

Commentaires et avis

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

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?!

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

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!

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.

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 !!

Commentaire de hmm3 le 25/06/2007 09:49:46

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

Bravo !!!

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.

Commentaire de remisteiner le 26/06/2007 12:21:22

Excelent, génial, rien à redire !!

Commentaire de edson15 le 26/06/2007 12:55:51

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

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

Commentaire de MATHIS49 le 03/07/2007 19:35:14

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

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

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...)

Commentaire de MATHIS49 le 15/07/2007 20:35:23

tiens nous au courant blade!

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. :-(
à+

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 !

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.

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!

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

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

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.

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.....

Commentaire de cedricjoko le 21/01/2008 17:21:28 10/10

c'est super cool

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" ;
}

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é.

Commentaire de zarloon le 16/03/2008 11:34:15

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

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

Commentaire de yohan90 le 18/01/2009 17:25:52 9/10

Hello,

vraiment nickel ce script, très propre !
Pour ma part, j'ai 2 soucis :

1 - le manège s'affiche au centre de ma page et pas au entre de mon <td>. Où peut-on parametrer la position du manège? (et oui je suis débutant en js)

2 - sous FF, le manège ne fonctionnent pas et les images s'affichent carrément tout en bas à gauche de mon écran...

Vous pouvez m'aider ? Thanks a lot !

Commentaire de yohan90 le 18/01/2009 17:29:15

Chere vsnlrt,
Si tu es encore bloquée avec tes images supplémentaires qui ne s'affichent pas, voici la solution :

Ca se passe ici : "nbrimg=12"
= Changer le 12 pas le nombre total d'images que tu as dans ton manège.

Commentaire de Electra644 le 06/03/2009 10:21:39

Bonjour, j'ai un soucis, je suis débutante, et je n'arrive pas à mettre mes images, j'ai bien changé les noms et le "nbrimg" dont Yohan90 parlait, mais ça ne marche toujours pas....
Pourriez vous m'aider s'il vous plait ?

Commentaire de ThierryG33 le 03/04/2009 15:31:56

Bonjour, je cherchais qlq chose de pas ordinaire, c'est fais je viens de trouver.
Mon problème cette fois, est que je n'ai pas réussi à le mettre dans une page web existante pour faire un album photo, j'ai essayé de le mettre dans un tableau au cas ou .... ca marche pas.
Avez vous une idée. Merci
Cordialement

Commentaire de adelami le 03/04/2009 20:46:42

Bonjour
Il faut savoir que ce script prend obligatoirement toute une page. Il ne peut pas être mis dans un "cadre". J'ai la flemme d'adapter mon code.
Ciao

Commentaire de ThierryG33 le 03/04/2009 20:52:26

Bonsoir
Merci pour la réponse. C'est franchement dommage car il est bien et c'est un truc auquel j'avais pensé et voulu, maintenant je vais devoir me casser la tête pour trouver qlq chose ....
Salut

Commentaire de roy2rai le 25/05/2009 04:09:01

merci good job!!

Commentaire de rikoula le 04/06/2009 10:12:44 8/10

Bonjour merci pour ce travail.Cependant j'ai toujour un souci avec l'utilisation avec Firefox.J'ai fait la modif de blade 230.En local sa marche mais pas une fois en ligne.Est-ce que qu'il marche nikel chez quelqu'un ?

Commentaire de kazma le 07/12/2009 19:25:20 administrateur CS

bonjour

au sujet du probleme sur le z-index apparement ff n'ai pas trop les chiffres a virgules pour resoudre le probleme il suffit de faire un Math.round ligne 53

document.getElementById("i"+i).style.zIndex=Math.round(50*(Math.sin(agl))+100)

bonne continuation

Commentaire de aitmoulay le 04/11/2010 15:46:33

ok bon

 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...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,638 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales