Rechercher : dans
Par :

Afficher une image avec javascript

Dernière réponse le 6 jan 2009 à 18:00:21 Claudius, le 4 jan 2009 à 20:33:02 
 Signaler ce message aux modérateurs

Bonjour,
Sur une page .htm sur laquelle se trouve déjà une image (dans l'exemple, c'est "ange13.gif"), je souhaite afficher ne image supplémentaire quelques secondes après l'affichage de cette page.
Or, l'image supplémentaire "ange14.gif" s'affiche bien, mais tout ce qui est au préalable sur la page est masqué !
Quelle instruction permet de visionner l'ensemble ?

Voici le script de l'ensemble. Faites l'essai sur une page .htm vierge.

<html>
<head>
<title>Essai d'incrustation d'image</title>

<SCRIPT LANGUAGE="Javascript">
function start()
{
//essai d'affichage de l'image supplémentaire qui s'affiche à gauche après un délai de 3 secondes
document.writeln('<img border="0" src="matos_voeux_b_annee/ange14.gif" width="80" height="80">')
}
</SCRIPT>

</head>


<body>

<!--L'image suivante est en place sur la page. Elle s'affiche à droite de l'écran-->
<img border="0" src="matos_voeux_b_annee/ange13.gif" width="80" height="80" align="right">

<script language="JavaScript" type="text/javascript">
comp=(setTimeout("start()",3000));
</script>

</body>
</html>

<!--REMARQUE: On constate que la nouvelle image masque tout le reste de l'écran.
Comment l'incruster dans la page afin que ce qui s'y trouve déjà reste visible ?
-->

MERCI.

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « afficher une image avec javascript » dans :
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Javascript - L'objet Date VoirLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

1

 claude, le 6 jan 2009 à 18:00:21

Pour ce faire vous devez utiliser une balise <div> et sa propriété innerHTML liée à un identifiant

Dons dans votre balise <body>
ecrire:
<div id="maBalise">
insérer ici le code pour votre première image
</div>


puis dans un script dans la balise <head> mettre une fonction du type

fonction ajouteImage(){
var identifiant = document.getElementById("maBalise");
var ecrire = "<img src='firstImage.gif'>";
ecrire += "<img src='secondeImage.gif'>"; //attention code html
identifiant.innerHTML = ecrire; //ecrit dans votre balise div le code HTML
}


Part ailleurs pour réaliser un fonction d'attente type sleep allez à l'adresse:
http://jpconnexion.free.fr/divers_fr/divers15_wait_sleep_pause.html

si vous rencontrer des problèmes me contacter : claudecnx@blanquefort.net

Répondre à claude