Flux rss
Collection CommentCaMarche.net
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Anim et image

uvogin, le samedi 11 octobre 2008 à 16:27:28
Bonjour,

voilà le problème:

j'ai une animation et une image, je voudrais savoir comment je peux faire pour que l'animation soit derriere une image
qui est découpé comme une etoile avec un fond transparent enregistrée en .gif et qui laisserait passe par derriere l'animation.

merci d'avance ;-)
Configuration: Windows XP
Internet Explorer 6.0
Répondre à uvogin  Signaler ce message aux modérateurs Aller au dernier message

1


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Posotaz, le samedi 11 octobre 2008 à 23:16:22
Salut,

En HTML ? Tu peux utiliser le background d'un DIV pour l'image de fond et venir mettre l'animation dedans (ou l'inverse) avec la balise IMG. Evidemment il faudra que tu fixes la taille du DIV avec les valeurs de l'image de fond. Je viens de le faire pour voir si c'était faisable :

<html>
<head>
<style type="text/css">
#imb {
	background-image: url("HPIM0559rz.png");
	height: 519px;
	width: 692px;
}
#im {
	margin-left: 248px;
	margin-top: 167px;
}
</style>
</head>
<body>
<div id="imb">
	<img id="im" src="GECO.jpg" />
</div>
</body>
</html>


Mon image de fond fait 692x519 (= la taille que j'ai donné à mon DIV) tandis que l'image qui va venir se poser dessus fait 196x183. Les marges ont été calculées de sorte à centrer l'image sur son fond : taille du fond / 2 - taille de l'image / 2.

Voilà, j'espère que ça t'aidera.
Répondre à Posotaz

2


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
uvogin, le dimanche 12 octobre 2008 à 15:35:24
merci pour ta reponse mais il s'agit d'une image sur une image (n'est ce pas).

dans mon cas ce serait une image sur une video flash (.avi,.swf ...)

est ce que tu serais ??

merci
Répondre à uvogin

3


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Posotaz, le dimanche 12 octobre 2008 à 16:55:03
Ah... Dans ce cas, puis-je te suggérer l'utilisation de positions absolues avec gestion des z-index ?
Répondre à Posotaz

4


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
uvogin, le dimanche 12 octobre 2008 à 16:57:48
c'est a dire
Répondre à uvogin

5


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Posotaz, le lundi 13 octobre 2008 à 00:16:13
Pas vraiment... à faire :p (oh le vilain jeu de mots).

Je ne vais malheureusement pas pouvoir deviner ton niveau de connaissances en HTML et CSS mais je peux t'expliquer l'idée autrement :

Ton animation SWF est contenue dans une certaine balise Object et à l'affichage, elle aura une certaine position x/y sur la page. Cette position est calculée relativement aux autres objets présents sur la page. Par contre il est possible de forcer une position absolue d'un objet dans la page en utilisant l'attribut CSS "position" et en lui donnant la valeur "absolute". Etant donné que cette méthode provoque la superposition d'objets si deux objets sont positionnés dans un emplacement commun, les z-index permettent de définir quel objet sera placé sur tel autre (c'est un système de couches -ou layers- sur la page), c'est aussi une propriété CSS.
Répondre à Posotaz

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
uvogin, le lundi 13 octobre 2008 à 11:22:41
ok je comprends mieux, pour le moment je faisais des tests avec le html, et je comptais faire une mise en page css plutard mais je m'y mets de suite pour les essais avec tes conseils.

merci!!
Répondre à uvogin

7


  • 1
    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
 uvogin, le lundi 13 octobre 2008 à 12:47:00
c'est ok ça marche!! victoire

t'es au top Posotaz je te remerci pour tes conseils.

;-)
Répondre à uvogin

Résultats pour anim et image

Animation avec movie maker (Résolu) Bonjour, je suis entrain de faire un film d'animation ( image par image) avec Windows movie maker et j'aimerais savoir si il y aurait un moyen de mettre un temps automatiquement à tous les photo, parce que c'est vraiment long ajuster... www.commentcamarche.net/forum/affich-2746760-animation-avec-movie-maker
Cherche logiciel (Résolu) Bonjour je cherche un logiciel d'animation (image par image si possible) gratuit(en français mais c'est facultatif ) . Merci d'avance . LUIS www.commentcamarche.net/forum/affich-2656454-cherche-logiciel
Recherche une musique. (Résolu) Bonjour ! Je recherche une musique, qui est passée fréquemment sur M6 Music (ou autres ?) vers les années 2000 mais je ne sais pas si elle venait de sortir ou non. Son clip était une animation (images 3D) avec une petite souris qui porte des lunettes... www.commentcamarche.net/forum/affich-9123343-recherche-une-musique

Résultats pour anim et image

Animer une séquence d'images avec GimpGimp permet, entre autres, de créer une animation en superposant plusieurs images. Cette animation peut alors être sauvée au format gif. Sommaire I. Images utilisées pour notre exemple II. Ouvrir la première image puis les autres en tant... www.commentcamarche.net/faq/sujet-11696-animer-une-sequence-d-images-avec-gimp
Insérer un gif animé dans PowerPointUn gif animé s'insère dans Power Point comme tout autre format graphique (bmp, jpg, ...) Pour ce faire : Ajouter une nouvelle diapositive, pouvant contenir une image. Sélectionner l'item "Insérer une image" Insèrer le fichier GIF. Notez... www.commentcamarche.net/faq/sujet-8058-inserer-un-gif-anime-dans-powerpoint
Créer une image animée avec REFLETReflet pour créer vos images animées Pourquoi toujours télécharger des images gif sur des sites ? Alors qu'il est plus simple et créatif de créer sa propre image animée ? Le logiciel Reflet vous permet de mettre votre talent de créateur au grand... www.commentcamarche.net/faq/sujet-9321-creer-une-image-animee-avec-reflet

Résultats pour anim et image

Garder un gif animé pr image perso messenger (Résolu)bonsoir, comment faire pour garder un gif animé et non "figé" pour mettre en image perso dans messenger ?? et cela est il au moins possible ?? merci d'avance ! www.commentcamarche.net/forum/affich-2861062-garder-un-gif-anime-pr-image-perso-messenger
Image perso animé (Résolu)Bonjour,je voudrai mettre des image perso animé mais je c'est pas comment faire, pouvez vous m'aidez, merci www.commentcamarche.net/forum/affich-4045332-image-perso-anime
Inserer un GIF animer dans une image JPG (Résolu)Bonjour, J'aimerais inserer un GIF animer dans une image JPG pour la page d'accueil de mon site web. connaissez vous un logiciel gratuit pouvant le faire par exemple ou bien ya t'il une solution plus simple? www.commentcamarche.net/forum/affich-4540508-inserer-un-gif-animer-dans-une-image-jpg

Résultats pour anim et image

Télécharger Animated Screensaver MakerSi vous possédez des images de qualités visuelles et de hautes résolutions que vous voudriez bien utiliser comme écran de veille, sans pour autant les faire défiler en diaporama. Cet outil est fait pour vous. Animated Screensaver Maker est comme son... www.commentcamarche.net/telecharger/telecharger-34056468-animated-screensaver-maker
Télécharger Easy GIF AnimatorEasy GIF Animator est un programme puissant est simple d’utilisation qui vous aide à créer ou éditer vos images animées GIF avec facilité. Avec cet éditeur de GIF, vous pourrez facilement créer des images, des bannières et des boutons animés en... www.commentcamarche.net/telecharger/telecharger-34057915-easy-gif-animator
Télécharger RefletReflet est un utilitaire simple, léger qui vous permet de créer une image animée (format Gif), sur votre bureau en fond d'écran ou pour votre site web... Reflet du studio PhotoFiltre, vous permet de créer uniquement un reflet d'une photo, paysage,... www.commentcamarche.net/telecharger/telecharger-34055361-reflet