AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 15:17:00
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 !

MYFLASHPANO VERSION JAVASCRIPT - UN SYSTÈME DE VISITE VIRTUELLE : PANORAMA 360° + VIDÉO + CARTE (LE TOUT CONFIGURÉ PAR XML)


Information sur la source

Catégorie :Graphique Classé sous : myflashpano, visite, virtuelle, panorama, vidéo Niveau : Initié Date de création : 27/06/2006 Date de mise à jour : 29/06/2006 00:51:57 Vu / téléchargé: 9 122 / 1 562
Auteur : ralecul Site perso
Ecrire un message privé
Note :
10 / 10 - par 2 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
MyFlashPano permet d'afficher un réseau de panorama 360° qui sont interconnectés par des vidéos, de plus une carte permet de situer le visiteur pendant l'affichage de la vidéo et durant le défilement du panorama(le tout configuré par XML).
Vous pouvez voir une version de démonstration sur mon site : http://astre.henri.free.fr/myflashpano-demo-javascript.php

J'ai déja proposé une version allégéé de MyFlashPano qui sert uniquement à afficher des panoramas, cette version est donc un peu plus complexe...
Le zip qui est proposé en téléchargement NE CONTIENT QUE LE CODE (pour faciliter les mises à jour)
Sinon vous pouvez télécharger la version complète (= avec sample vidéo et pano) sur mon site perso.


 

Conclusion

Informations importantes :
* Cette source ne marche malheureusement que sous Firefox : sous IE c'est fonctionnel mais moche ...
  Je suis loin d'être un expert CSS donc les hacks CSS pour que ça marche sous IE, je connais pas
  (et puis mon code n'est pas encore finalisé... Je demande donc de l'AIDE pour corriger mon code)
* Flash 8 est nécessaire pour afficher les vidéos donc pour l'instant ça ne marche pas sous linux :-(

Crédit :
J'utilise le système de dessin de ligne de Max3315 pour afficher la boussole sur la carte :
http://www.javascriptfr.com/codes/DESSINER-LIGNES-SUR-VOTRE-PAGE-WEB_36711.aspx
 

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

29 juin 2006 00:51:57 :
Ajout d'un guide d'utilisation en pdf. Ajout d'un screenshot dans le zip.

Commentaires et avis

signaler à un administrateur
Commentaire de ralecul le 28/06/2006 00:15:52

Petit détail que j'ai peut-être négligé : il vaut mieux que nous ne soyez pas trop nombreux en même temps sur mon site perso, FREE risque d'avoir du mal à suivre :-) La version de démo utilise environ 60Mo de vidéo et panorama donc c'est pas vraiment fait pour les bas débit...
MyFlashPano est peut-être plutôt à envisager en utilisation locale... (je vous conseille de tout télécharger et de tester en local)

Sinon j'ai vraiment besoin d'un coup de main pour arriver à faire marcher correctement MyFlashPano sous IE.
Donc si vous avez des adresses sympa pour corriger des bugs CSS sous IE ça m'intéresse...

Merci

signaler à un administrateur
Commentaire de kankrelune le 28/06/2006 00:38:05

Salut... concernant tes css le plus simple est de faire...

<link rel="stylesheet" type="text/css" media="screen" href="stylesNormal.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="styles/rajouts-modifsIe.css" />
<![endif]-->

;o)

@ tchaOo°

signaler à un administrateur
Commentaire de ralecul le 28/06/2006 00:56:04

Merci kankrelune
Mais mon problème est alors comment faire la version "rajouts-modifsIe.css"....

<TROLL ON>
Sinon je crois que j'ai lu quelques part que Microsoft demande de ne plus utiliser de hack CSS. Est-ce que IE7 serait enfin respectueux des normes ? Je n'y croit pas vraiment mais bon.... Le problème est que si IE7 devient vraiment respectueux des normes alors tout les sites qui  utilise la solution proposée par kankrelune marcheront de travers avec IE7, non ?
<TROLL OFF>

signaler à un administrateur
Commentaire de MaX3315 le 28/06/2006 01:08:23

Bonjour,

En fait la solution de Kankrelune n'est justement pas un hack, puisqu'elle n'est pas basé sur une erreur de compréhension du css (comme c'est le cas lorsque l'on fait width: 100% !important; par exemple.
De plus la solution de Kankrelune permet de choisir qu'elle version d'IE ciblé car on peut par exemple mettre une condition du style <!--[if IE<7]>  , syntaxe à vérifié. Mais avec ce principe et si on part du principe que IE 7 soit plus raisonable cela devrait être facile d ecorrigé IE 5.5+ et 6.


Sinon concernant le script c'est vraiment très sympa. Je n'est pas encore regardé la source, mais si un jour je dois faire une visite virtuelle ca pourra grandement servire :)

signaler à un administrateur
Commentaire de kankrelune le 28/06/2006 01:13:20

Je test actuellement IE7 et bien qu'il y ai une net amélioration il a encore des efforts à faire... .. .

Concernant la version tu peut le préciser dans la condition... tu peut aussi préciser un opérateur de comparaison ("lt" pour "inférieur à", "lte" pour "inférieur ou égal à", "gt" pour "supérieur à" et "gte" pour "supérieur ou égal à")... .. . ;o)

<!--[if lt IE 4]>
<link rel="stylesheet" type="text/css" href="ie40-win.css" />
<![endif]-->
<!--[if IE 5.5]>
<link rel="stylesheet" type="text/css" href="ie55-win.css" />
<![endif]-->
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="ie60-70-win.css" />
<![endif]-->

j'ais un lien vers un tuto sur le sujet... le temps que je trouve un lien sur la poubelle qui me sert de pc... .. . ;o)

^_^

@ tchaOo°

signaler à un administrateur
Commentaire de kankrelune le 28/06/2006 01:31:37

Voila le lien... .. .

http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows

Sinon...

[quote]Mais mon problème est alors comment faire la version "rajouts-modifsIe.css"....[/quote]

Et bien c'est tout simple en fait tu isole les class qui posent problème et tu remet les mêmes modifiées dans la feuille de style IE... comme celle ci est appelée en deuxième les règle se retrouvent modifiées... exemple... .. .


styleNormal.css

.maClass
{
   position:absolute;
   top:20px;
   left:50px;
}

styleIe.css

.maClass
{
   left:75px;
}

Ainsi le conteneur définit par la class maClass sera en position absolute à 20 pixels du haut du bord de l'élément parent et 50 pixels de la gauche pour tous les navigateurs sauf Ie pour qui ce sera 75 pixels... .. .

Voili voilou... .. . ;o)

@ tchaOo°

signaler à un administrateur
Commentaire de ralecul le 29/06/2006 01:04:00

Merci je vais m'y mettre dès que j'ai un peu de temps...

Mon problème va être d'identifier les classes qui posent problèmes, en effet tout le code est changé à chaque mouvement de souris, heureusement qu'il y a un inspecteur DOM sous Firefox, ça m'a beaucoup aidé pour corriger mes css. La barre WebDeveloper de Firefox fait également des miracles ! Le problème c'est que sous IE je ne crois pas qu'il y ait de tels outils...

Sinon je viens de rajouter un Guide d'utilisation en pdf dans le zip, ça pourra peut-être aider des personnes souhaitant utiliser MyFlahPano. Par contre ce guide n'explique pas du tout l'implémentation en JavaScript, je pense que je vais faire un autre manuel pour expliquer tout ça...

@+

signaler à un administrateur
Commentaire de MaX3315 le 29/06/2006 08:08:35

Si si il existe une barre de développement officielle pour IE. A rechercher sur microsoft/downloads.
Bon elle est un peut moins pratique que celle de Moz. Par contre pour Moz j'ai découvert l'extension "Firebug" qui est vraiment sympa aussi.

signaler à un administrateur
Commentaire de kankrelune le 29/06/2006 14:45:51

FireBug ça fait quelques mois que je l'utilise et c'est vraiment top... .. . :o)

@ tchaOo°

signaler à un administrateur
Commentaire de franco_se le 29/09/2006 14:02:04

le script est tres simpa, mais j'ai un leger probleme .....
quand je clique sur un point de la carte, le panorama s'affiche parfaitement bie, mais quand j'utilise les fleches sur l'image, ça plante: aucune image ne q'affiche

j'utilise Firefox

signaler à un administrateur
Commentaire de ralecul le 02/10/2006 22:37:38

Pour Franco_se : Je suppose que tu as téléchargé le pack "source javascript" sans un pack vidéo (high quality ou low quality peu importe). Dans ce cas lorsque tu cliques sur une flèche sur un panorama mon script cherche une vidéo au format flv qu'il affiche à la place du panorama : -> il faut donc que tu télécharges un pack vidéo ...(ou alors il te manque le plugin flash) tous ces pack sont disponible sur mon site perso (http://astre.henri.free.fr/)

Une fois décompressé l'arborescence doit ressembler à ça :
un_dossier->flash
un_dossier->flash->avance
un_dossier->flash->avance-> *.flv
un_dossier->javascript
un_dossier->javascript->index.html

@+

PS: Je suis en train de refondre myflashpano en orienté objet (même la version light qui ne permet que d'afficher un pano)
Je poste tout ça, When it's done :-)

signaler à un administrateur
Commentaire de franco_se le 03/10/2006 12:05:22

en effet, je n'avais pas de vidéos
neanmoins, il faudra ajouter une ligne pour tester l'existance de la vidéo, avant de la rechercher

signaler à un administrateur
Commentaire de ralecul le 03/10/2006 22:56:25

Pour Franco_se : En fait je ne vois pas vraiment l'intérêt de tester la présence du fichier vidéo... Dans mon cas j'ai fait deux pack pour qu'il ne soit pas nécessaire de re-télécharger toutes les vidéos lorsque je fais des mises à jour de mon code javascript ! Mais bien sur si quelqu'un souhaite utiliser mon script il n'a qu'à uploader les fichiers vidéos sur son serveur avec les fichiers xml correspondant ...

Toutefois ta remarque me fait penser que pour l'instant myflashpano ne permet pas de faire des sauts entre panorama sans passer par une vidéo (comme celà se fait d'habitude avec d'autres systèmes de visites virtuelles...). Mais j'y travaille, pour la prochaine version en POO (je pense plutôt inscrire dans le fichier xml le type de liens : vidéo, saut direct, infobulle, html,...) Mais pour l'instant je suis en train de refaire la gestion du plus court chemin pour que celà marche avec ma nouvelle version en POO...

@+

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Visite virtuelle 360 & javascript [ par stfrouille ] Bonjour,ou plutot bonsoir ....J'ai pour projet de réaliser une visite virtuelle à partir d'image 360°, avec déplacement à la souris et tout le tralala Visioneuse d'image à 360 ° pour visite virtuelle d'un lieu [ par neo_tsubasa ] Bonjour, Désolé si ce n'est pas la bonne catégorie mais je ne savez pas ou poster mon message. Je souhaiterais mettre en place une visioneuse d'image Pop up vidéo [ par nwsuedkcjsiekcbdiejdkdd ] Bonjour tout le monde!Tou d'abord, comme je connais pas grand chose en java, je sais pas si j'ai posté au bon endroit donc excusez moi si c'est le cas lecteur vidéo [ par ynot92 ] Bonjour as tous voila j ai cree un site ou on peu lire des clips, avec ce code : &lt;OBJECT   classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"   c LECTEUR VIDEO ! ! ! ! [ par lespinet ] Bonjour, Je cherche depuis de nombreuses semaines, sur tous les forums ou presque un lecteur vidéo avec liste déroutante et affichage d'une image a co Historique de navigation [ par Nanoute ] Bonjour,Je dois créer pour un projet de programmation internet un site Internet, dont une page qui contient l'historique de navigation de la visite d' pb de vidéo [ par atribu ] bonjour à tous, j'ai besoin d'un petit coup de main. Je vo URGENT ! Besoin Fonction Javascript [ par danyboy007 ] Bonjour à tous, J'ai un énorme souci pour une fonction javascript. Je dois réaliser un projet mais je n'ai aucune connaissance en javascript et je n'a limité une fausse popup à une fois par visite [ par jecirbe ] Bonjour,J'ai utilisé un script javascript pour créer une fausse popup. Je me suis débrouiller ( un peu de script par ci un autre part là)  pour que ce Ouverture d'une vidéo sur une même page [ par DAVIMIKA ] Bonjour,J'ai une page de présentation et j'aimerais pouvoir ouvrir sur cette même  page et au centre une vidéo lors d'un clic sur un bouton voir vidéo


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres

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