Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Infobulle image

roland, le lundi 28 janvier 2002 à 16:54:18
Bonjour à tous

quelqu'un pourrait'il me dire comment faire pour que ce script marche avec netscape?

D'avance merci,Roland.

Dans la partie HEAD :
---------------------

<script language="JavaScript">
var img = new Array()
img[1]='<img src="images1.gif">'
img[2]='<img src="images2.gif">'
img[3]='<img src="images3.gif">'
img[4]='<img src="images4.gif">'
img[5]='<img src="images5.gif">'

function souris_on(contenu)
{
if (document.all)
image.innerHTML=contenu
}
function souris_off()
{
image.innerHTML = defaut
}
-->
</script>
__________________________________

Dans le body :
--------------

Si vous souhaitez faire appaître vos images sur des liens, voici comment procéder :
<a href="votre_lien_1.html onMouseout="souris_off()" onMouseover="souris_on(img[1])">lien 1</a>
<a href="votre_lien_2.html onMouseout="souris_off()" onMouseover="souris_on(img[2])">lien 2</a>
etc...

Ensuite, créez le tableau suivant pour faire apparaître les images :
<table>
<tr>
<td>
<div id="image">
<img src="votre_image_par_defaut.gif">
</div>
</table>

Après cette table placez le code suivant :
<script language="JavaScript">
if (document.all)
var defaut = image.innerHTML
</script>
Répondre à roland  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
PhP, le lundi 28 janvier 2002 à 23:41:47
Slt Roland,

Laisse tomber les innerHtml et autres trucs du même genre ...

Essai plutôt :

<html>
<head>
<script language="JavaScript">
<!--
var img = new Array()
img[0]=new Image()
img[0].src="image_defaut.gif"

img[1]=new Image()
img[1].src="image1.gif"
img[2]=new Image()
img[2].src="image2.gif"

function souris_on(index)
{
if (document.all)
{
image.src=img[index].src

// Pour IE5 et IE6 à la place tu peux écrire :
// document.getElementById("image").src=img[index].src
}
else
{
document.images["image"].src=img[index].src
}
}

function souris_off()
{
souris_on(0);
}
-->
</script>
</head>

<body>
<a href="votre_lien_1.html" onMouseout="souris_off()" onMouseover="souris_on(1)">lien 1</a>
<a href="votre_lien_2.html" onMouseout="souris_off()" onMouseover="souris_on(2)">lien 2</a>

<table>
<tr>
<td>
<div id="layer_image">
<img name="image" src="image_defaut.gif">
</div>
</table>

</body>
</html>


Le seul pb est que toutes les images doivent avoir la même taille !

@+
Philippe

[[  The Truth is Out There   ]]
Répondre à PhP

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 roland, le mardi 29 janvier 2002 à 10:17:56
Salut PHP
Un grand merci,ça marche ,àtout le moins dans les derniers IE et netscape.

Néanmoins peux tu eclairer ma lanterne sur ce point:

// Pour IE5 et IE6 à la place tu peux écrire :
// document.getElementById("image").src=img[index].src


je met à quelle place et à quoi cela sert vu que ça à l'air de marcher?

Encore merci et A+,Roland.
Répondre à roland

Résultats pour infobulle image

Modif script infobulle image->zone reactive (Résolu) Bonjour, je suis sur un gros casse tete pour un nobb en JS tel que moi :( j'ai récuperé un script d'info bulle qui marche nikel avec des images (quand on passe la souris dessus, les infos voulues s'afichent comme il faut) mais mon but... www.commentcamarche.net/forum/affich-7043798-modif-script-infobulle-image-zone-reactive
Css/bug IE6 afficher infobulle au dessus div (Résolu) Bonjour, Je pense qu'il me manque juste un p'tit truc mais la JE SECHE. je voulais faire une zone cliquable sur une image de 39px W sur 35px H = donc j'ai fais un petit usemap : www.commentcamarche.net/forum/affich-6525648-css-bug-ie6-afficher-infobulle-au-dessus-div
Fichier ISO (Image ISO) Format ISO Un fichier possédant l'extension .ISO est une image ISO, c'est-à-dire une image d'un disque (CD, DVD ou disque dur) sous forme de fichier, créer avec un logiciel de gravure. Comment lire un fichier ISO ? En l'absence de graveur, il... www.commentcamarche.net/contents/fichier/iso.php3

Résultats pour infobulle image

Création d'image Système (Ghost)Créer une image (ghost) de partition 1 - Intérêt 2 - Pré-requis 2.1 - Explication 2.2 - Opportunités des partitions 2.3 - Mise à jour des images 2.3.1 - Image incrémentale : intéressant mais dangereux ! 2.3.2 - Image incrémentale et... www.commentcamarche.net/faq/sujet-304-creation-d-image-systeme-ghost
[Gravure] Graver une image disque (ISO, NRG, ...)Graver une image disque 1 - Définition de l'image ISO 2 - Recommandation 3 - Comment procéder ? 3.1 - Nero 3.2 - K3B 3.3 - BurnAtOnce 3.4 - BurnCDCC 3.5 - CDBurner XP Pro 3.6 - Deepburner 3.7 - Easy Media... www.commentcamarche.net/faq/sujet-3942-gravure-graver-une-image-disque-iso-nrg
[PDF] Convertir des PDF en images (JPEG, BMP, GIF, etc...)Si vous avez des documents PDF et que vous voulez les convertir en images (JPEG, GIF, BMP, ou n'importe quel format), de manière à les exploiter, par exemple dans un logiciel d'OCR ou de retouche/création d'images : Note : Cet article présente une... www.commentcamarche.net/faq/sujet-1036-pdf-convertir-des-pdf-en-images-jpeg-bmp-gif-etc

Résultats pour infobulle image

Recherche images pour portable gratuit (Résolu)Bonjour à tous, :) Je recherche un site ou on pourrait télécharger des images, logos couleurs, gratuitement. Je n'ai malheureusement rien trouvé moi même Mon téléphone dispose d'une carte sb donc il faudrait pouvoir télécharger les images... www.commentcamarche.net/forum/affich-1825889-recherche-images-pour-portable-gratuit
Site de montage pour image (Résolu)je cherche un site de montage photo pour faire defiler des images avec de la musique merci de repondre bisous www.commentcamarche.net/forum/affich-2981973-site-de-montage-pour-image
Comment créer 1 image GIF avec photos / image (Résolu)Bonjour, Je voudrais savoir comment créer une image GIF à partir de nos photos ou images. Connaissez-vous peut-être le skyblog, je souhaite mettre des animations avec des photos mais sous format GIF ou PNG ou JPEG et ne dépassant pas 1 Mo. J'ai... www.commentcamarche.net/forum/affich-2055618-comment-creer-1-image-gif-avec-photos-image

Résultats pour infobulle image

Télécharger Image ResizerPetit utilitaire (PowerToy) basique, très simple, permettant de réduire la taille d'une image, dans le but, notamment, de l'envoyer par e-mail ou de la partager sur Internet (blog, site, album...). Pour plus d'informations: image resizer reduire la... www.commentcamarche.net/telecharger/telecharger-34055172-image-resizer
Télécharger VSO Image ResizerLe logiciel VSO Image Resizer organise vos photos en réduisant leur résolution et en les déplaçant facilement au sein de votre disque dur. C'est l'outil parfait pour les personnes qui stockent leurs photos numériques et images sur leur PC et veulent... www.commentcamarche.net/telecharger/telecharger-3673501-vso-image-resizer
Télécharger Free Word/Doc Txt to Image Jpg/Jpeg Bmp Tiff PngD'habitude, ce sont les images que l'on insère dans les documents Word, Excel ou PowerPoint. Cette fois ci, c'est un peu l'inverse, parce qu'on va convertir ces documents au format image. All to Image Jpg/Jpeg Bmp Tiff Png Converter est un outil... www.commentcamarche.net/telecharger/telecharger-34056392-free-word-doc-txt-to-image-jpg-jpeg-bmp-tiff-png

Résultats pour infobulle image

Le droit à l'image appliqué aux sites webIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une... www.commentcamarche.net/contents/droits/droit-image.php3
Images bitmap et vectoriellesImages bitmap et images vectorielles On distingue généralement deux grandes catégories d'images : les images bitmap (appelées aussi images raster) : il s'agit d'images pixellisées, c'est-à-dire un ensemble de points (pixels) contenus dans un... www.commentcamarche.net/contents/video/vector.php3
LaTeX - Insertion d'imagesStyle LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer... www.commentcamarche.net/contents/latex/latex-images.php3