Aller au contenu

afficher une image ds une autre frame sans clics


neosquall

Sujets conseillés

bonjour je suis un noob de chez noob mais je me lance dans le dev d'un site web avec des amiset j'aurai besoin de votre aide svp

voila j'ai une page avec 2 frames (une a gauche et une a droite) j'ai afficher une image a droite et je voudrai qu'au moment ou je passe la souris sur cette image

elle m'affiche une autre image dans la frame de gauche sans enlever la premiere

si vous avez des idées je suis tout ouie :)

merci a vous et bonne soirée

Lien vers le commentaire
Partager sur d’autres sites

Je ne sais pas si cela marche avec une frame mais voici ce que tu peux faire :

Tu met l'appel suivant dans le head de ta page

<script language="JavaScript" type="text/javascript">

function setimg(img, id) {

i = document.getElementById(id);

if (img == '') {

i.src = img;

i.style.visibility = "hidden";

} else {

i.src = img;

i.style.visibility = "visible";

}

</script>

Le code suivant correspond à l'emplacement ou doit s'afficher l'image quand tu passe sur un autre lien, donc dans ta frame.

<img id="imgchange" src="" style="visibility: hidden; />

Et voici le code qui va afficher l'image quand tu passera sur une autre image :

<img src="toto.gif" width="44" height="22" alt="toto" onmouseover="setimg('tata.jpg','imgchange')" onmouseout="setimg('', 'imgchange')">

Lien vers le commentaire
Partager sur d’autres sites

merci pour votre aide

j'ai essayer le code java mais je n'arrive pas a l'utiliser y a t'il des chose que je dois modifier dedans en dehors de toto.gif et tata.jpg ?

peu etre aussi que je le place mal dans ma page je vais me creuser un peu la tete mais si tu as d'autre infos je suis preneur ;)

Lien vers le commentaire
Partager sur d’autres sites

Fait déjà un essais sans frame, une fois que ca marche, et ya rien à rajouter pour cela, fait un test avec ton frame, mais j'ai un doute pour le fonctionnement du frame.

Lien vers le commentaire
Partager sur d’autres sites

j'ai essayer sur une seule page et en fait des que je passe ma souris sur l'image qui doit afficher l'autre il me met "erreur sur la page" en bas a gauche

et pareil qd je le fait dans des frames separé.

merci

Lien vers le commentaire
Partager sur d’autres sites

change le 1er bloc par cela

<script language="JavaScript" type="text/javascript">

function setimg(img, id) {

i = document.getElementById(id);

if (img == '') {

i.src = img;

i.style.visibility = "hidden";

} else {

i.src = img;

i.style.visibility = "visible";

}

}

</script>

J'avais oublié un } ca ne devrait plus créer d'erreur maintenant

Lien vers le commentaire
Partager sur d’autres sites

effectivement dans la meme page tout fonctionne correctement par contre dans une frame differente il me met toujours l'"erreur sur la page"

sinon je peu essayer d'utiliser un tableau au lieu d'une frame vous en pensez quoi ?? c'est quoi le mieu pour diviser une page en deux ?

merci encore pour tes reponses ;)

Lien vers le commentaire
Partager sur d’autres sites

Salut

Je ne sais pas si cela marche avec une frame mais voici ce que tu peux faire :

Tu met l'appel suivant dans le head de ta page

<script language="JavaScript" type="text/javascript">

[...]

</script>

[...]

<img id="imgchange" src="" style="visibility: hidden; />

Désolé de jouer les rabats-joies, mais visiblement neosquall débute. Et je ne crois pas que ce soit un bon service à lui rendre qu'un code invalide (en vert) et complètement inaccessible (en rouge) :unsure:

Déjà, faire des cadres n'est pas un bon début comme l'a rappelé karnabal.

Si en plus nous lui dictons d'écrire du Javascript obscur, on n'est pas sorti de l'auberge ;)

Le meilleur moyen d'obtenir l'effet désiré tout en restant accessible et tout en évitant de coder comme dans les années 90, c'est d'utiliser le pseudo-format :hover en CSS.

Quelques liens utiles:

http://fr.selfhtml.org/css/proprietes/pseu...er_active_focus

http://mammouthland.free.fr/cours/css/cours8.php

http://evan.nixsys.bz/note/

Selon le cas, peut-être un soupçon de Javascript pourra être utilisé. Mais en complément uniquement, et sans que celui-ci n'interfère sur la bonne accessibilité de la page.

Le plus simple est de nous préciser ce que tu souhaites faire (une image, un lien vers une page) pour qu'on se rende compte.

j'ai essayer le code java
Javascript !

Java et Javascript sont deux langages très différents. Ils n'ont rien en commun, à part les 4 premières lettres de leur nom. Attention à bien les différencier ;)

Bon courage :)

Lien vers le commentaire
Partager sur d’autres sites

alors je vais essayer d'expliquer clairement

j'ai une page comme ca

frame-example.jpg

(cette page n'es pas la mienne je l'ai prise sur google)

dans la frame sommaire (de gauche) je voudrai en fait mettre les news du site (donc un ptit text que je peu modifier)

dans la frame article (de droite) j'ai 3 images differentes

ce que je voudrai c'est que quand je passe la souris sur une des 3 images ca m'affiche une autre image dans la frame sommaire a la place des news

voila j'espere que c'est plus claire et si il y a un moyen d'eviter les frame mais de diviser la page de la meme facon que sur le schéma je suis preneur

merci a vous ;)

Lien vers le commentaire
Partager sur d’autres sites

Changement raducal de methode lol

maintenant je suis partie sur un dev photoshop/ image ready/ dreamweaver :)

donc j'ai fait une page d'accueil sur photoshop que je decoupe en tranche sur image ready et la mon premier petit pb arrive qd je superpose un calque sur un autre et bien le calque du dessous est invisible sous dream y a t'il un moyen d'avoir plusieurs calques les un sur les autres ??

je c pas si je suis clair mais j'ai essayé lol

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...