CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 09 13:31:36

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

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

Poser 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

2 msg

4 msg CS

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

326 msg

470 msg CS

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

2155 msg

2188 msg CS

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

2 msg

4 msg CS

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

65 msg

105 msg CS

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

2155 msg

2188 msg CS

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

65 msg

105 msg CS

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

1 msg

2 msg CS

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

2155 msg

2188 msg CS

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 insertion d'un graphique dans une page HTML [ par zamubudio ] Bonjour, Je souhaite intégrer dans une page web, un graphe (pour commencer simple, genre juste une droite de la forme y = A*x+B), je galère a trouver Frames, javascript, zone de texte fixe... [ par Puls4r74 ] Bonjour tout le monde,ceci est mon premier poste sur le forum, après avoir cherché réponse à ma question je n'ai malheureusement rien trouvé, donc j'e fichier texte affiché dans page html [ par pyves31 ] Bonjour, je suis un peu débutant en html et je voudrais savoir si c'était possible de pouvoir afficher un fichier texte (.txt ou . doc ou autres) dans Jeux avec niveaux [ par yallal ] Bonjour,j'aimerai faire un jeu avec 5 niveaux, mais pour l'instant j'ai cré une page html pour chaque niveauVoici par exemple, la page "game1.html" Inserer table de poker sur une page html ?? [ par jeje1234 ] Bonjour, je voudrai savoir si il est possible d'insérer sur une page html une table de poker sur laquelle il serai possible de jouer avec mes copain ?

Livres en rapport

Creating Cool® HTML 4 Web Pages

Javascript

CSS : Le Web avec du style

Golive 6

Tous les livres pour Page, Aléatoire, Image, Html, Position

Nos sponsors

Derniers Blogs

TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice

VISUAL STUDIO 2010 AND .NET FRAMEWORK 4 RELEASE CANDIDATE NOW AVAILABLE par Matthieu MEZIL

CRéATION D'UNE BASE DE DONNéE SOUS SQL AZURE par junarnoalg

TECHDAYS PARIS 2010 : LES SERVICES D'APPLICATIONS DANS SHAREPOINT 2010 par ROMELARD Fabrice

Forum

RE : EFFET PAGE DE FOND GRISéE par Oumbra

PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

RE : [DéPLACé] PROBLèME DE POSITION DE L'IMAGE QUI SUIT LA SOURIS AU SURVOL D'UN TEXTE par molio

CONTRôLER LES HAUTEURS DE 2 DIV (CALQUES) PAR JAVASCRIPT ? par phpdos

RE : REFRECH APRèS ACTION par killer128

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Nouveau module Dolibarr
Budget : 700€
Charte graphique - joomla
Budget : 400€
SITE VENTE ENCHERES
Budget : 2 700€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5