Nous sommes le Mer 23 Juil, 2025 19:23
Supprimer les cookies

Page 1 sur 21, 2 SuivantImage interactive simple

Pour une tâche précise, pour remplacer un logiciel propriétaire donné...

Mer 27 Sep, 2006 12:58

Bonjour,

Enfait c'est plutôt une méthode que je cherche

Je cherche à créer une image interactive simple (mais jolie). Voici ce que je desire faire :

- Il existe un site (sous spip) qui présente un laboratoire (ses membres, les recherches, etc).
En plus de ce site, je cherche à utiliser un plan simplifié de l'étage où se situe ce labo et l'afficher de manière à ce que, lorsqu'on clique sur une pièce, s'affiche en dessous de l'image dans un encart, diverses informations (l'occupant de la pièce, ses activités), avec un lien qui renvoie à la rubrique du site correspondante.

Mes problèmes:
- il faudrait que ce truc-là soit facile à modifier à l'avenir. Par exemple que les infos qui s'affichent soient en fait de simples fichiers texte auxquels on fait appel en cliquant sur l'image.
- je ne veux pas utiliser quelque chose de trop lourd, ni du flash. Il faut assurer une compatibilité la large possible entre les navigateurs et la puissance des machines

Pourriez vous m'aider à trouver la solution ?

Merci :)
Totophe

Avatar de l’utilisateur
Messages : 250

Mer 27 Sep, 2006 13:04

Il y a deux tutoriels sur Alsacréations qui pourraient t'intéresser:

http://css.alsacreations.com/Tutoriels- ... age-unique
http://css.alsacreations.com/Tutoriels- ... map-en-CSS

En tout cas, c'est léger: que du html et du css
moron

Messages : 366

Mer 27 Sep, 2006 14:19

Haaaa pas mal du tout Moron, merci beaucoup, surtout pour le second lien.
Je pense que c'est cela qu'il me faut :) surtout la version avec le zoom :)

Comme la balise <a> est utilisée, puis-je abuser de ta bonté et te demander comment je pourrais appeler un fichier texte pour l'afficher (par exemple en dessous de l'image) lorsqu'on clique sur chaque zones de l'image?
Totophe

Avatar de l’utilisateur
Messages : 250

Mer 27 Sep, 2006 14:57

Là je ne vois pas trop comment faire.

Sinon tu peux touojours mettre un lien vers le fichier texte. Exemple:

Code: Tout sélectionner
<a id="zone1" href="fichier.txt" title="zone 1 zoom"></a>


ce qui va affichier le contenu du fichier dans une nouvelle page.
moron

Messages : 366

Mer 27 Sep, 2006 15:13

Code: Tout sélectionner
<object data="tonfichier.txt" type="text/html" />


:wink:

Il existe aussi les iframes, mais il me semble me souvenir qu'il est preferable d'eviter, sans pour autant me souvenir pourquoi
Code: Tout sélectionner
<iframe name="textframe" width=50% height=50% border="0" src="tontexte.txt" scrolling="no">
</iframe>
Si tu as une pomme, que j'ai une pomme, et que l'on échange nos pommes, nous aurons chacun une pomme.
Mais si tu as une idée, que j'ai une idée et que l'on échange nos idées, nous aurons chacun deux idées.
Citation de George Bernard Shaw
RilaX

Messages : 333
Géo : Marseille

Mer 27 Sep, 2006 17:06

Merci pour ces liens, il m'ont aussi permis de surfer un peu sur Alsacreation et découvrir comment intégrer un fichier dans un autre sans iframe :

http://css.alsacreations.com/Tutoriels- ... CSS-et-PHP

Je crois que je tiens le bon bout :)
Totophe

Avatar de l’utilisateur
Messages : 250

Mer 27 Sep, 2006 21:53

Grace à vos pistes, j'ai réalisé un brouillon avec n'importe quoi.

J'ai utilisé Gimp et son greffon image-map pour localiser les zones cliquables
J'ai ensuite édité le fichier en ajoutant les styles pour créer des zones (DIV) dans lesquelles je place mon image et le code php idoine.
J'ai ensuite créé les fichiers .txt correspondants (dans lequel j'ai ajoute un peu de code hml
Je compte faire cela en plu sjoli, bien sur et surtout dans l'objectif annoncé. Mais au moins j'ai peut-être trouvé une méthode qui marche en reprenant les trucs d'Alsacreation.

(Pas testé avec IE)

http://irist.u-strasbg.fr/Masutti/

qu'en pensez vous ? :)
Totophe

Avatar de l’utilisateur
Messages : 250

Jeu 28 Sep, 2006 07:28

J'en pense que ... bravo ;)
Joli resultat !
Si tu as une pomme, que j'ai une pomme, et que l'on échange nos pommes, nous aurons chacun une pomme.
Mais si tu as une idée, que j'ai une idée et que l'on échange nos idées, nous aurons chacun deux idées.
Citation de George Bernard Shaw
RilaX

Messages : 333
Géo : Marseille

Jeu 28 Sep, 2006 08:10

Moi aussi :-)

J'ai testé avec IE6 et Opera 9.02, et je n'ai détecté aucun problème.
moron

Messages : 366

Jeu 28 Sep, 2006 08:20

pour les I frame c'est déconseille car :
ce n'est pas du code html valide
cela fait des hits suplémentaires sur le comptage de pages vues.(astuce répendue pour les sites ne vivant que de pub)
cela créer des pb en réferencement.
wiko

Messages : 728

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit