begin process at 2012 05 29 05:29:44
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

effet sur image


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

effet sur image

mercredi 6 février 2008 à 16:22:17 | effet sur image

tales

Bonjour,

J'utilise  le script suivant pour avoir des images à des positions aléatoire:

<script> function move(id)
{

  var o = document.getElementById(id);
 

  pos_x = Math.round(Math.random()*890);
  pos_y = Math.round(Math.random()*400);
  o.style.left = pos_x +"px";
  o.style.top= pos_y  +"px";
}
</script>

 

Les images sont récupérées grace à:

$aff = 1;

while ($aff<= $reponse ['nombre'])
{
?>

<img  src="images/animal/<?php echo $reponse ['image']  ?>"  style="position:absolute ; margin-top:20px;z-index:<?php echo $aff ?>;" id="a<?php echo $aff ?>"/>

<script type="text/javascript">move('<?php echo 'a'.$aff ?>')</script><?php
  $aff++;
}

Maintenant je voudrais que 1 image sur 2 ou 3 soient inversée.
Comme un fliph mais actif que 1 sur 2.

J'ai testé imagerotate mais cela ne me va pas.

Si quelqu'un a une idée, merci

mercredi 6 février 2008 à 17:42:29 | Re : effet sur image

PetoleTeam

Membre Club
Bonjour,
Il me semblait bien que cela me parlé, la solution proposée ici ne te convient pas ?
;O)
mercredi 6 février 2008 à 21:49:56 | Re : effet sur image

tales

En fait le script fonctionne bien, mais je voudrais juste un fliph sur 1 image sur 2 ou 3.
mercredi 6 février 2008 à 21:55:45 | Re : effet sur image

PetoleTeam

Membre Club
Qu'entends tu exactement par fliph ?
L'image 1 devient l'image 2...
;O)
mercredi 6 février 2008 à 22:52:04 | Re : effet sur image

tales

Non le filtre fliph, permet de retourner une image sur un axe horizontale.

Mon image de base regarde vers la gauche, donc avec ma boucle si j'affiche 20 fois mon image elle vont toutes regarder vers la gauche.

Moi je voudrais que sur mes 20 images, une partie soient retourner et regardent vers la droite.
mercredi 6 février 2008 à 22:57:05 | Re : effet sur image

PetoleTeam

Membre Club
J'ai fait il y à quelque temps une approche du sujet, c'est à voir sur
http://www.javascriptfr.com/code.aspx?ID=38313
...il y a un effet FLIP
;O)
mercredi 6 février 2008 à 23:16:37 | Re : effet sur image

tales

oui je l'avais dèjà regardé mais je ne sais pas l'appliquer sur une partie de mes images, ni comment l'insérer dans ma page sachant qu'il y a déja un code js.
jeudi 7 février 2008 à 05:41:43 | Re : effet sur image

PetoleTeam

Membre Club
Bonjour,
Dans ce cas, une méthode des plus simple consiste à créer 2 images, tous les logiciels de dessin ont la fonction mirror ou flip, et de les swaper à l'affichage, cela reste très simple à mettre en oeuvre...
;O)
jeudi 7 février 2008 à 14:58:25 | Re : effet sur image

tales

Bonjour, je l'ai déjà fait mais soucis de script car en faisant avec 2 images, j'ai un soucis de requète.
De plus cela me ferais 100 champs par bdd.
Je sais qu'il existe un script js qui permet de retourner une imae, mais je ne le retrouve plus et je ne connais pas le js.

Le pire c'est que mon jeu est terminé, il ne me reste plus que ce soucis d'image et essayer d'enregisrter les positions drag n drop en fonction de ton script.
jeudi 7 février 2008 à 17:55:20 | Re : effet sur image

PetoleTeam

Membre Club
...pourquoi de nouvelles entrée dans la BdD, un simple préfixage des noms d'image devrait suffire...
Images normales

image_01.jpg
image_02.jpg
...etc...
Images filppées
f_image_01.jpg
f_image_02.jpg
...etc...

d'ou pour faire un affichage flippé tu prends comme nom d'image "f_" +nom_image, sans modification des BdDs

;O)

1 2

Cette discussion est classée dans : style, image, id, math, pos


Répondre à ce message

Sujets en rapport avec ce message

effet de rotation d'iamge avec script, et lien sur image [ par RomantikA ] Bonjour,je ne sais pas trop si c'est le bon endroit pour expoqer mon problème, mais il s'agit d'un code javascript, donc j'ai tenté le tout pour le to Onclick + math.random [ par juki_webmaster ] Bonjour, Je suis en train d'ameliorer toutes mes protections par images (anti robot), je voulais proposer aux visiteurs de changer/mettre a jour l'im Inserer un lien dans un textarea depuis un popup.... [ par jacknikolson ] Bonjour, J'aimerais réaliser un truc mais je ne sais pas du tout comment faire. Il s'agit de JS mais comme je ne maîtrise pas du tout je demande de caroussel décalé [ par webide ] Bonjour,J'ais un petit souci avec un script caroussel en javascript.L'image centrale est décalée vers la droite par rapport au caroussel et ce quoique Afficher un image grâce à son ID [ par Suoji ] Bonjour,Je viens de débuter en JS et bon ma question va vous sembler c***e mais voilà, j'ai un petit soucis pour afficher une simple image.J'ai créer class et id définis dans une même balise ? [ par sagat06 ] Bonjour à tous.J'aimerais savoir s'il existe un moyen de définir à la fois la class et l'id d'une div, du genre:En effet, j'ai plusieurs div dans ma p Style' a la valeur Null ou n'est pas un objet [IE] [ par fuggerbit1 ] Bonjour,J'ai fait un petit bout de code avec des onglets et il marche très biens sous FF par contre IE me dit :'Style' a la valeur Null ou n'est pas Centrer une image quelque soit la résolution ou le navigateur. [ par mquisuisje ] <link rel="Fi problème caroussel [ par webide ] Bonjour,J'ais récupéré un script de caroussel. J'ais pu modifié l'affichage par contre lorqu'on cliques sur une miniature, elle apparait aggrandie au Faire apparaître une image avec un passage de souris [ par kouedic ] Bonjour,Je suis en train de réaliser un site internet et sur une page je souhaiterais faire l'application suivante : Le fait de passer la souris sur u


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales