begin process at 2012 02 13 19:39:02
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

position aléatoire d'un image dans une page HTML

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

position aléatoire d'un image dans une page HTML

vendredi 26 janvier 2007 à 00:37:32 | position aléatoire d'un image dans une page HTML

valerie6983
C à dire, qu'à chaque fois que j'ouvre mon index.html, la petite image qui s'y trouve change de place dans la page de manière aléatoire.
Es
t-ce possible ?
vendredi 26 janvier 2007 à 06:17:25 | Re : position aléatoire d'un image dans une page HTML

Arto_8000
Réponse acceptée !
Oui c'est possible ... Pour ton image : Et pour le script :
vendredi 26 janvier 2007 à 07:23:49 | Re : position aléatoire d'un image dans une page HTML

PetoleTeam

Membre Club
Réponse acceptée !

B onjour à tous...
Je rajoutes que pour être compatible avec les DOCTYPE il faut ajouter +"px"

<script type="text/javascript" language="javascript">
pos_x = Math.round(Math.random()*400);
pos_y = Math.round(Math.random()*400);
document.getElementById("image").style.left = pos_x +"px";
document.getElementById("image").style.top= pos_y  +"px";
</script>

;0)

vendredi 26 janvier 2007 à 19:37:58 | Re : position aléatoire d'un image dans une page HTML

valerie6983
merci beaucoup à vous deux ; c tout à fait ce dont j'avais besoin.
lundi 14 janvier 2008 à 03:41:19 | Re : position aléatoire d'un image dans une page HTML

tales
Merci a vous c'est bien utile.
Mais comment je fais si j'ai plusieurs image car la le id ne fonctionne que pour 1?

Merci beaucoup
lundi 14 janvier 2008 à 18:55:20 | Re : position aléatoire d'un image dans une page HTML

PetoleTeam

Membre Club
Bonjour,
je pense qu'il eut été préférable d'ouvrir un autre post, plus de chance que quelqu'un le lise...

Il et suffit de donner un ID à toutes les images que tu veux mover aléatoirement et de mettre la type de code pour toutes
<script type="text/javascript" language="javascript">
var pos_x = Math.round(Math.random()*400);
 var pos_y = Math.round(Math.random()*400);
var Obj = document.getElementById("image1")
Obj.style.left = pos_x +"px";
 Obj .style.top  = pos_y +"px";
 //-- Suivante
pos_x = Math.round(Math.random()*100);
 pos_y = Math.round(Math.random()*100);
 Obj = document.getElementById("image2")
 Obj.style.left = pos_x +"px";
 Obj .style.top  = pos_y +"px";
 //--ETC --
</script>
;O)
lundi 14 janvier 2008 à 23:35:32 | Re : position aléatoire d'un image dans une page HTML

tales
Oui c'est voila le lien de mon post  http://www.phpcs.com/infomsg_AFFICHAGE-IMAGE_1059400.aspx#4

J'ai posté mon script et le soucis c'est que je veux utilisé getbyid pour un echo de la même image
mardi 19 janvier 2010 à 13:30:09 | Re : position aléatoire d'un image dans une page HTML

enveloppe
Ca ne marche pas pas chez moi.
Je suis vraiment debutant en java. les images se disposent a la suite.
Code HTML :
<script type="text/javascript" language="javascript">
var pos_x = Math.round(Math.random()*400);
var pos_y = Math.round(Math.random()*400);
var Obj = document.getElementById("image1") 
Obj.style.left = pos_x +"px";
Obj .style.top  = pos_y +"px";
 
pos_x = Math.round(Math.random()*100);
pos_y = Math.round(Math.random()*100);
Obj = document.getElementById("image2")
Obj.style.left = pos_x +"px";
Obj .style.top  = pos_y +"px";

</script> 
</head>

<body>
<img id="image1"SRC="a.jpg"/>
<img id="image2" SRC="b.jpg"/>
</body>



Ai je fait une erreur?

jeudi 21 janvier 2010 à 18:19:59 | Re : position aléatoire d'un image dans une page HTML

PetoleTeam

Membre Club
Bonjour,
Je suis vraiment debutant en java
ici c'est du JavaScript, totalement différent...

les images se disposent a la suite.
c'est exactement ce que tu demandes à ta page entre le <BODY> et </BODY>, afficher 2 images l'une après l'autre...

Ai je fait une erreur?
il n'y a pas d'erreur, juste que le code s'exécute avant, dans l'ordre d'apparition à l'écran, et qu'il doit lui générer des erreurs, voir les consoles du même nom...
;O)


Cette discussion est classée dans : page, aléatoire, image, html, position

Répondre à ce message

Sujets en rapport avec ce message

probleme frame et chargement image [ par ministephie ] Bonjour,Je débute en javascipt et j'ai un problème de chargement d'image dans une frame.Bref voici comment il est construit : Une page index.html qui Position de DIV aléatoire [ par skullo ] Bonjour à tous !Je ne sais pas si ce que j'aimerai faire est réalisable en html et css mais je demande quand même au cas où.Pour l'explication en déta rechercher une image dans une page [ par kisscoolgirl ] bonjour ma question est très simple :-je suis sur la page1.html-je veux afficher une alerte sur cette page1.html (genre une image ou du texte) si et plusieurs daiporama dans une meme page html [ par sokebana ] Bonjour j'avais mis deux diaporamas simplissimes avec dreamweaver (permutation d'image), seulement cela créait un conflit avec mon menu accordéon... b Image aggrandi dans la même page html [ par Steph159 ] Bonjour,Voilà je vous expose mon souci (ça doit surement être une question posée souvent), j'ai une page html et deux blocs css.. un qui me sert à aff Image en binaire (pas en lien) dans page html [ par luckky92 ] Bonjour, Est-ce que qqun sait s'il est possible d'inserer une image dans le code source d'une page html (ou en css ou javascript...). Mon but : Env convertir lien html/javascript en fonction [ par delorentis ] Bonjour, j'essaie depuis quelques jours de convertir un lien html/javascript dans une simple fonction javascript: mes liens html/javascript:(liens Adapter une page HTML en fonction de la dimension du navigateur [ par Haox85 ] Bonsoir tout le monde, Je sais que cette question a été posée au moins une centaine de fois sur tous les forums. Diverses réponses ont été apportées, Info bulle sur image réactive HTML [ par Geekpowah ] Bonjour, Je cherche à créer une image réactive sur laquelle une info bulle contenant une image et des textes pourrait apparaitre si l'on passe le cur problème de position d'une image lors du survol d'un lien [ par molio ] Bonjour, J'essaie de faire un site internet pour mon laboratoire. je souhaite faire apparaitre une image qui suit la souris au survol d'un lien vers


Nos sponsors


Sondage...

Comparez les prix


Samsung LE26B350 LCD
Entre 359€ et 417€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Happy Bright Landscape WIth ButterfliesPhoto Renewable Energy is Within Reach
Photo Photo aérienne de Saintes Maries de la Mer 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,281 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)