begin process at 2012 02 11 04:01:08
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > ANIMATION DE DEUX IMAGES EN VA ET VIENS ET S'ADAPTE A L'ECRAN

ANIMATION DE DEUX IMAGES EN VA ET VIENS ET S'ADAPTE A L'ECRAN


 Information sur la source

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :animation, image, va, viens, marquee Niveau :Débutant Date de création :24/10/2005 Date de mise à jour :25/09/2007 18:48:22 Vu / téléchargé :11 521 / 1 603

Auteur : djmmix

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

bonjour la source que je depose aujourd'hui est sur la maniere de deplacer une image par programmation javascript dans cet exemple l'image 1 va de gauche a droite et l'image 2 va de droite a gauche et une fois au bout sa recommence sa ke sa n'altere votre fenêtre et peut se placer ou on desire ^^ la hauter se modifie dans la page HTML

alors niveau du code il suffit de copier les 3 lignes dans la page html desirer remplacer les images par celle desirer,
definir la hauteur(je vous conseil de la mettre en pourcentage pour ceux qui aime avoir leur fenêtre vu sous differente résolution d'ecran) et indiquer dans le fichier script la longueur de votre image pour eviter les debordements comme expliquer dans le zip.


 Conclusion

voila j'espere que sa utile a quelqu'un et je mettrai a jour la fonction de compatibiliter pour ns(qui est juste une condition que je n'ai pas eu le temp de mettre dans le fichier js

voili voila @++

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

25 septembre 2007 18:48:22 :

 Sources du même auteur

Source avec Zip Source avec une capture ANNIMATION QUI RECOUVRE L'ÉCRAN AVEC UN PNG SEMI TRANSPARENT
Source avec Zip MENU DÉROULANT ET AIDE INTERACTIF

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DIAPORAMA SIMPLE PAR IFRAME par sartoz
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip Source avec une capture MISE EN CACHE D'IMAGES AUTO [AJAX] par Allan007
Source avec Zip Source avec une capture EFFET D'OUVERTURE PAR ZOOM D'IMAGE par PetoleTeam

Commentaires et avis

Commentaire de SebLep le 25/10/2005 08:31:23

Salut, je n'ai pas encore regardé le source mais déjà ça ne fonctionne pas sous firefox !...

Commentaire de djmmix le 25/10/2005 13:48:44

salut SebLep oui je c'est que le code ne marche pas sous firefox car je n'est pas fait la condition de reperer le serveur je l'avai dit dans l'ennoncé mais je vais la faire aujourd'hui comme as pu de prob ^^
@++

Commentaire de Renfield le 07/12/2005 09:36:19 administrateur CS

detecter le serveur....

quel rapport ??

Commentaire de djmmix le 12/12/2005 11:54:37

salut le rapport est que mozilla firefox et thunderbird marche sous le moteur netscape et n'on pas la même definition des balise html donc il faut que je créé une condition qui doit afficher soit avec la balize IE ou Netscape voila pourquoi ?

désoler si j'ai pas encore mis ma source a jour je n'ai plus internet (la je l'envoie de mon taf)
donc sa va venir mais pas tout de suite desoler :'(

Commentaire de djmmix le 12/12/2005 11:55:50

ps: oui j'ai dit serveur mais je voulais parlez du navigateur dsl

Commentaire de Renfield le 12/12/2005 12:04:40 administrateur CS

c'est a cette conclusion que je souhaitais te mener ^^

Commentaire de noein le 21/06/2006 19:35:45

salut,
chez moi ca ne marche ni sur firefox ni sur IE :/

Commentaire de patrick123 le 31/07/2006 11:35:47

merci pour moi ça marche et même pôur outlook express
pas mal du tout pour agrémenter des mails *merci  pour le code

Commentaire de schmidt62480 le 02/07/2007 19:33:30

Bonjour à tous,
Question bebete de la part d'un débutant:
Y'a-t-il moyen d'arreter le mouvement à un endroit précis?
merci de votre réponse

Commentaire de djmmix le 25/09/2007 17:36:03

salut la fonction fonctionne en boucle mais il est possible par une condition de l'arrêter .
dsl tout le monde sa faisait longtemp que j'etai pas venu la ^^'.Je me suis occuper d'un site en php donc je vais venir modifier ce bout de code incomplet.

Commentaire de schmidt62480 le 25/09/2007 18:20:24

Salut DJMMIX
pour la boucle c bon, j'y suis arrivé
je reste curieux de voir ta solution pour améliorer la mienne.
à bientot

Commentaire de djmmix le 25/09/2007 18:51:31

salut j'ai modifier la source tester sous firefox 2 sa marche impecable si quelqu'un pouvait tester sur opera :)

schmidt62480 : si tu veu je peu refaire un script qui te l'arrête a temp voulu mais ce que je veu savoir c'est que tu veu que ton image atteigne un endroit precis ?

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Recherche Animation d'image-effet brouillard [ par fogco ] Je recherche un script &#224; int&#233;grer dans une page html pour donner une impression (anim&#233;e) de brouillard ou brumisation&nbsp;sur une phot ajouter du code javascript a une page asp.net [ par koukou6311 ] Salut tous le monde voilà,  je suis tombé sur ce code en javascript pour l'animation des images et j'ai essayé de l'implementer dans mon site sur visu z index [ par didcup ] Bonjour,j'ai une animation flash dans une div et des images dans un autre.au passage du curseur j'ai un image agrandie (que j'ai mis dans une info-bul 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 Defilement aleatoire d'images [ par grolix ] Bonjour,J'ai un bloc div dans lequel je souhaite faire défiler des images aléatoirements (toutes de meme taille).J'ai codé comme ça: &lt;!DOCTYPE faire bouger l'arrière plan d'un <div> [ par johnnylechat ] Bonjour à tous, Je vous expose mon problème : pour un menu, je dispose de liens définis de la manière suivante dans le css : "a {width:100%; height Couleur d'un pixel d'une image [ par DakM ] Hello,J'ai fais ma petite recherche sur google, rien trouvé d'interessant, donc j'passe ici o.oimaginons:p = new Image();p.src = "dossier/image.jpg";C Extjs : Ajouter un champ upload d'image dans un formpanel [ par ptidav ] Bonjour, J'aimerais envoyer à la fois des champs textes et une image par le même formulaire,ceci avec un formpanel dans la librairie ExtJs. Les champ Peut-on définir la couleur d'arrière plan d'un lien vers une image qu'on envoie sur _mainframe? [ par bigred29 ] Bonjour, mon soucis est que j'ai un lien dans la frame de droite qui est censé ouvrir une image dans la mainframe de cette même page, ce que j'arrive [déplacé Bar -> PHP] Une demande de promotion qui change toute les semaine par une image differente et un compte a rebours qui repart a 1 tous les 7 jours [ par val78 ] Bonjour <?xml:namespace prefix = o ns


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 2,465 sec (3)

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