begin process at 2012 02 14 02:47:41
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > MANÈGE 3D

MANÈGE 3D


 Information sur la source

Note :
9 / 10 - par 8 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :menu, 3d, accueil, manège, ronde Niveau :Débutant Date de création :15/04/2007 Date de mise à jour :28/04/2007 19:57:00 Vu / téléchargé :23 386 / 2 416
Auteur : adelami

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (28)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Il s'agit tout simplement d'un "manège", avec des images qui en tournant deviennent petites de façon à donner une impression de profondeur. En gros, c'est du 2D qui se prend pour de la 3D. Voyez par vous même la capture écran associée...

Source

  • Tout est dans le zip...
Tout est dans le zip...

 Conclusion

A la base, je voulais faire un menu style "Microsoft Encarta (r)" mais je n'ai plus le temps de le continuer, donc je le publie tel quel. Je mettrais une mise à jour dès que possible (sans doute après le Bac), pour personnaliser les differents paramètres (taille des images, position sur la page, liens des images vers une autre page, arret au passage de la souris, vitesse..). Voila je crois que j'ai tout dit...

A noter ::

- La transparence ne s'affiche pas sous firefox (j'utilise un filter)
- Ne peut pas être exporté sur une page differente de celle qui est donnée (je vais devoir corriger cela)
- Gourmand en ressources (Codé sur un PC cadencé à 133 Mhz, autant dire que ramait dur dur ... )
- Les images ne se chargent pas quelques fois...

:-) N'hésitez pas à me signaler d'autres problèmes rencontrés

 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

16 avril 2007 15:58:53 :
Transparence compatible firefox désormais.
28 avril 2007 19:57:01 :
Désormais ma source est personnalisable.

 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 ALBUM PHOTOS "3D"
Source avec Zip Source avec une capture LOUPE SUR IMAGE AU PASSAGE DE LA SOURIS !
Toutes les sources de adelami

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Toutes les sources de la catégorie Effets

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip Source avec une capture MENU RUBAN VERTICAL. par zuff
Source avec Zip Source avec une capture ALBUM PHOTOS "3D" par adelami
Source avec Zip Source avec une capture MENU RUBAN À VITESSE VARIABLE. par zuff
Source avec Zip Source avec une capture MENU RUBAN par zuff

Commentaires et avis

Commentaire de stfou le 15/04/2007 11:01:31

- La transparence ne s'affiche pas sous firefox (j'utilise un filter)
>> utilise moz-opacity, c'est la même chose pour mozilla.

Commentaire de stfou le 15/04/2007 11:04:02

A la base, je voulais faire un menu style "Microsoft Encarta (r)"
>>ça peut aussi faire un menu de jeu video lorsque l'on choisi son personnage.

Commentaire de stfou le 15/04/2007 11:05:24

Sinon super effet :)

Commentaire de adelami le 15/04/2007 11:26:25

Bonjour
Voici une page de démonstration :

http://monweb.aliceadsl.fr/ahalfaoui/man.htm

dixit STFOU: utilise moz-opacity
> Je n'ai absolument aucune idée de : comment reconnaitre le navigateur. Please I need help!!!

dixit STFOU: ça peut aussi faire un menu de jeu video lorsque l'on choisi son personnage.
> Idée sympa, mais un jeu vidéo en Jscript... Disons qu'il ne faut pas s'appeler Adelami pour le faire (féniant de 1ere).

Commentaire de stfou le 15/04/2007 12:17:26

dans le style :
<style>
.transparent
{
filter:alpha(opacity=50); //pour ie
opacity:.50; //pour netscape et konqueror
moz-opacity:.50; //pour mozilla
}
</style>

Commentaire de stfou le 15/04/2007 12:18:42

Tu peux tous les utiliser à la fois je crois, comme ça c'est compatible tous navigateur.

Commentaire de romagny13 le 15/04/2007 12:51:28

Salut,
c'est vrai que cela vaudrait la peine que tu continues, car cela serait interessant si à terme cela donnait un menu JS voir même facilement configurable (1 image par élément du menu , voir un libellé)
+

Commentaire de kankrelune le 15/04/2007 15:01:33

très intéressant cette source... l'autre jour je me demandais comment faire un menu défilant type ruban... et puis j'avais laissé l'idée de coté... mais là il y a une base de travail pour le faire je pense... idée à creuser... .. .

@ tchaOo°

Commentaire de adelami le 16/04/2007 16:02:17

Bonjour,
@STFOU : Avec mon firefox 2.0, opacity:.50 donne un résultat (Je veux dire sans utiliser moz-opacity).
D'ailleurs j'ai mis à jour ma source.
Merci et Ciao

Commentaire de coucou747 le 19/04/2007 02:58:19 administrateur CS

moi je cherchais de l'opacite compatible IE, merci

Commentaire de FraGag le 20/04/2007 06:02:20

En fait, c'est "-moz-opacity" et pas "moz-opacity". Et puis depuis une certaine version, Firefox supporte "opacity" autant que "-moz-opacity".

Si les standards étaient définis avant même d'être implémentés...

Commentaire de Ombitious_Developper le 20/04/2007 13:51:44

Salut:

Jolie source, propre et facile à comprendre.

ça va me servir absolument.

Commentaire de CChargy le 28/04/2007 10:12:48

Bonjour,
Je suis actuellement sous Firefox 2.0.0.3 sous Ubuntu Linux, et la transparence ne se fait pas sur les images sur la page : http://monweb.aliceadsl.fr/ahalfaoui/man.htm ...

Voilà!

Colin CHARGY

Commentaire de adelami le 28/04/2007 18:34:46

Bonjour,
Maintenant, l'exemple est compatible firefox...
Tchuss

Commentaire de WhiteDwarf le 01/05/2007 02:43:17

Très joli, bravo, simple et fluide... par contre les liens ne marchent pas sous Firefox 2.0.3, sinon ils marchent sous IE.

Aller 10/10 quand même, ça vaut le coup !

Commentaire de adelami le 01/05/2007 09:41:49

Bonjour,
C'est bizarre... Chez moi les liens fonctionnent sous firefox. Par contre le curseur ne s'affiche pas comme sur IE.
tschuss

Commentaire de FraGag le 01/05/2007 23:16:24

Pour corriger le curseur, remplace simplement cursor:hand par cursor:pointer. Le premier n'est pas standard, le second l'est.

Commentaire de dalton40 le 05/05/2007 18:55:20

Bien le code: il devrait servir sur le site de l'association à laquelle j'appartiens ; mais j'ai un souci: lorsqu'on clique sur une photo du manège, la grande image apparait en plein écran... comment faire pour arriver sur un pop-up par exemple (désolé, je ne suis qu'un apprenti !)

Commentaire de semprecorsu2b le 13/05/2007 00:37:10

Est-il possible de mettre plus de 13 images dans le manège j'en aurais a peu près 25 à mettre ? Y aurait-il une solution ?

Commentaire de kurt042 le 22/05/2007 19:10:31

Super script, bien pensé, très utile, c'est du bon boulot rien à rajouter !!

Commentaire de arnaultp le 20/06/2007 11:04:00

Superbe script. Cependant il lui reste un petit défaut. Ok tout est bien organisé et tout. Mais si l'on souhaite changer le nombre d'élément, il faut changer un certain nombre de valeurs, c'est assez lourd. Il faudrait calculer la valeur de tes variables en fonction du nombre d'élement.
Sinon je le répète, ce script est merveilleux! J'adore!
Bonne continuation ;)

Commentaire de val3512 le 25/11/2007 13:29:12

comment on fait pour en mettre juste 5 ?

autrement , graphisme bien ! rien a dire , effet transparence ouai ...

Commentaire de val3512 le 25/11/2007 13:45:05 9/10

c'est bon problème résolut , mais pour la vitesse , on la change , mais en réelle ca ne change pas ...

Commentaire de mickaelpfr le 02/01/2008 08:55:47

Yop source très concise et très propre, merci à toi

Commentaire de tenorian le 27/06/2008 16:57:26

super
je l utilise pour mon site
par contre commen fair pour inserer une image de fond ci c posible????
merco

Commentaire de michalatore le 20/11/2008 15:40:35 8/10

Très joli rendu. Par contre, chez moi, ça prend énormément de ressources (j'ai ralenti la vitesse à 0,003). A tel point que Firefox a planté deux fois. Du coup je vais tester autre chose :/

Commentaire de romainroffi le 09/07/2009 13:19:16 10/10

Bonjour, script très interressant.

Le script ne fonctionne pas lorsque je j'insère le code dans ma page html. Suis-je obligé de le laisser dans la balise <body>? comment-faire?

Merci d'avance.

Commentaire de taravo2a le 16/08/2009 12:27:36 8/10

super script. super novice. y a t-il un moyen de diminuer l'effet saccadé du défilement des images ?
J'ai essayer en variant la vitesse de defil...... nada.

A part ca le top!!!!!!!!!!!!!

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

clik sur onglet??? [ par kanabinch ] Bonjour,mon pb. cette fois ci est  que : imaginons que j'ai un menu sur la gauche (fait en javascript) et que dans un des onglets il y en a un qui s'a Problème avec un manège 3D Javascript. [ par romainroffi ] Bonjour tout le monde. Je suis en train de faire un site j'ai mis un manège 3D dans ma page. Ce manège 3D je l'ai trouvé sur ce site: [url=http Menu [ par Acidkepler ] Boujour, je d&#233;bute en html et j'aimerais savoir comment je pourrais faire ceci:1.Accueil(cliquable vers la page accueil)2.Jeux(Quand je clique de Probleme de onmouseover onmouseout avec gestion event.observe [ par stooff ] Bonjour,Voila mon problème pour ceux qui pourrait peut être me filer un ptit coup de main.Je ne suis pas expert, j'apprend à la volée donc n'hésitez p menu déroulant et lien automatique [ par acetouk ] Bonjour à tous, Je suis en train de développer un site web en html, avec quelques codes java (l'hébergeur ne supportant pas le php). Je cherche à réa Menu horizontale ouverture du premier onglet par defaut. (jQuery) [ par c3d94 ] Bonjour,Voila ce que j'ai réussi à faire ([url]http://oxome.free.fr/test/[/url]) grâce à ce tuto :[url]http://designreviver.com/tutorials/jquery-examp Javascript - Menu dynamique en fonction de la position du curseur sur celui-ci [ par sebastiengoret ] Bonjour à tous, Je cherche un moyen de créer un menu dynamique verticalement. Ce menu contient une série d'image provenant d'une base de données et pe XML probleme de lien... [ par SHIBALBAH ] Bonjour à tous,(je précise que je suis novice dans la création de site, j'utilise le logiciel flash)J'ai crée un menu en flash pour un site développé mon menu et toujour ouver php/mysql/javacript [ par ramirez21000 ] je veut que mon menu soit fermer  et on clicon ou onmousover les sous menu apparesstvoila mon travail************************************************* menu deroulant et image [ par FE2pluS ] Bonjour à tous,Je suis nouveau ici et en programmation également. Je suis face à un problème. je dispose d'un menu déroulant (3 valeurs) et je souhait


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Happy Bright Landscape WIth ButterfliesPhoto Renewable Energy is Within Reach
Photo Offroad Vehicle on a Remote Beach in Hawaii 

Visiter la 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 : 0,811 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)