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 !

MANÈGE 3D


Information sur la source

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é: 16 334 / 1 947

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (26)
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

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

Historique

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

Commentaires et avis

signaler à un administrateur
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.

signaler à un administrateur
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.

signaler à un administrateur
Commentaire de stfou le 15/04/2007 11:05:24

Sinon super effet :)

signaler à un administrateur
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).

signaler à un administrateur
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>

signaler à un administrateur
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.

signaler à un administrateur
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é)
+

signaler à un administrateur
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°

signaler à un administrateur
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

signaler à un administrateur
Commentaire de coucou747 le 19/04/2007 02:58:19

moi je cherchais de l'opacite compatible IE, merci

signaler à un administrateur
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...

signaler à un administrateur
Commentaire de Ombitious_Developper le 20/04/2007 13:51:44

Salut:

Jolie source, propre et facile à comprendre.

ça va me servir absolument.

signaler à un administrateur
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

signaler à un administrateur
Commentaire de adelami le 28/04/2007 18:34:46

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

signaler à un administrateur
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 !

signaler à un administrateur
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

signaler à un administrateur
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.

signaler à un administrateur
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 !)

signaler à un administrateur
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 ?

signaler à un administrateur
Commentaire de kurt042 le 22/05/2007 19:10:31

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

signaler à un administrateur
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 ;)

signaler à un administrateur
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 ...

signaler à un administrateur
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 ...

signaler à un administrateur
Commentaire de mickaelpfr le 02/01/2008 08:55:47

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

signaler à un administrateur
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

signaler à un administrateur
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 :/

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 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 désactiver certaines options du menu contextuel [ par pseudodejautilis ] <link rel="Fi


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

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

Comparez les prix Nouvelle version


HTC Magic

Entre 429€ et 429€


Photothèque Nouveau !



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
Temps d'éxécution de la page : 2,418 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é.