Bonjour,
Je le dis de suite... je ne suis pas programmeur et mon code doit comporter des erreurs!

Ce code a été généré automatiquement suite à l'utilisation d'outils "pré-programmés" sur un blog.

souvent, il y a des bugs, et les outils en question ne fonctionnent plus... il faut donc bidouiller directement et manuellement le code Html, ce que j'ai fait souvent, en me servant de mes quelques connaissances mais aussi de ma logique.

Je me permet donc de faire un copier coller de ce code en espérant que quelqu'un puisse le vérifier un peu (si ça ne prend pas trop de temps, sinon ce n'est pas grave car ce n'est pas là mon plus grand problème)

Mon véritable soucis, est que je voudrais faire certaines améliorations qui ne sont pas prévues sur le blog, et qu'il faut donc écrire.

Il me suffirait donc de comprendre la marche à suivre, et où insérer le code manquant, afin que je le généralise et que je le reproduise partout où il le faudra.

Le code en question concerne un article sur un site de peinture.
Il s'agit de "Concert-Expo", et donc chaque peinture est associée à une musique. (jouée en concert).
Pour cet article précisément, il s'agit des scènes d'enfants de Schumann, donc 13 tableaux d'une même oeuvre, avec 13 petits morceaux de musique associés.

J'ai jusque là fait en sorte que les images des tableaux (hébergés sur imageshack.uk) aient un lien quand on clique dessus pour qu'une vidéo associée (toujours hébergée sur imageshack) apparaisse.

L'idée est de rendre cet article encore plus interactif, en faisant en sorte qu'au contact de la souris d'une de ces 13 images, on entende un son associé (hébergé je ne sais pas où... il me faudrait des idées car imageshack ne permet pas l'hébergement de sons), mais aussi, que l'image elle même, (image miniature d'un tableau) s'agrandisse aussi au contact de la souris (et en même temps qu'on entend le son associé), avec tout le reste tout autour qui devienne grisé.
(Bien entendu le lien vers la vidéo en cliquant sur l'image reste conservé)

Ma question est donc :
- Où héberger du son ? pour pouvoir l'associer à une image.
- Et comment agrandir l'image au contact de la souris en grisant tout l'alentour, et en faisant en sorte que cette image s'agrandisse dans un espace VISIBLE de l'écran (c'est important, car parfois ça peut ne pas être le cas).

Je vous laisse mon code (si quelqu'un a le temps de le vérifier), mais aussi et surtout pour me dire quoi insérer, et où...
(pour un seul tableau, car pour les 12 autres, je pige vite et saurai m'en tirer je pense pour reproduire le processus

PS: l'adresse du site est http;//nathaliejourdan.artblog.fr (il s'agit du premier article)
PS2: Je ne sais pas faire de css j'en suis désolé... d'autant plus que je ne sais pas comment faire avec un site comme artblog.fr
PS3: S'il existait un logiciel (freewere) capable de m'aider à rédiger un article et où je pourrais récupérer le code de cet artciel pour le "copier/coller" sur artblog lors de la création d'un nouvel article (c'est possible d'avoir le code de l'article sur artblog), ce serait super... mais quel seraient ces freewere et quelles seraient les procédures?

Merci pour votre aide.
cosi-fan-tutte

Code de l'article en ligne :

c'est fait avec word ?

Non, pas du tout!
Sur artblog, les formats sont préétablis, il y a très peu de marge de travail.
Juste quelques outils pour faire ses articles.
L'un d'eux me permet d'avoir accès au code html, de le recopier ou de le modifier directement.

Le procédé est lourd. (je ne pense pas qu'on puisse faire des css ou avoir accès aux headers par exemple... je ne suis pas assez expert en la matière de toute façon...)

Il faudrait donc écrire le code manuellement! (ne serait-ce que pour une photo : comment y associer un son hébergé quelque part, au survol de la souris, ainsi que l'agrandissement de cette photo (toujours au contact de la souris) tout en grisant le reste de l'écran.

Faisable à votre avis?

Merci

en HTML5 ouai, sinon va va être plus compliquer surtout pour le son, sinon en flash

Peux-tu m'y aider?
Et pour le html5 et pour le son en flash?
Je suis totalement novice en la matière!
Si tu me donnais les quelques lignes de commandes à mettre pour une seule image, je pense que je saurais m'en tirer pour le reproduire sur le reste

PS : pour le son, quelqu'un m'a parlé de le faire en ajax... mais... ça ne m'avance pas plus que ça! ^^

Si tu ne peux insérer que du code html, alors oublies Ajax car pour que cela fonctionne il faut pouvoir créer du code javascript.

hml5 n'est supporté que par les navigateurs les plus récents (tu risques donc d'avoir un bon nombre de visiteurs pour lesquels cela ne fonctionnera pas) et encore toutes les fonctions hml5 ne sont pas correctement supportées par ceux qui l'ont implémenté...

Enfin tu es sur un blog qui ne permet que d'ajouter du code html. Ce que tu demande impose de pouvoir inclure au minimum du javascript. Ne demandes pas à un blog d'avoir les mêmes fonctionnalités qu'un véritable site où l'on peut tout faire (ou presque) sur mesure !

Faits un véritable site si tu veux avoir plus de possibilités.

Donc à moins de trouver un module tout fait (ex : gadget de type google) qui te permette de faire ce que tu veux, tu ne pourras pas y arriver en programmant toi même puisque sur un blog on ne peux rien programmer (disons presque rien). A part un module tout fait, tu peux éventuellement essayer avec flash (apprendre à utiliser et à programmer le logiciel Flash pour qu'il fasse ce que tu veux) et ensuite inclure le fichier flash sur ton blog si c'est possible.