"Interpolation de mouvement" en css

Bonjour,

a écrit :
Voila, je voudrais, faire, si possible, une "interpolation de mouvement" en css. Poiur ceux qui ne voient pas ce que ça veux dire, faire comme en flash, faire bouger un objet en le faisant, en quelques sorte, glisser.

Non tu ne peux pas obtenir ce genre chose car css n'est pas fait pour l'animation. Pour cela tu dois utiliser javascript.

Merci de ta réponse

J'vais essayer de choper un script qui fait ce genre d'effets

Parmis les extensions gratuites de Dreamweaver il y en a une qui permet des slides horizintales et verticale. Si tu l'utilises tu peux la trouver sur le site de macromedia via les comportertement de dreamweaver.

Merci Hermann ^^

Je vais surement utiliser un des script javascript écrit dans un des sujet de se forum.

Les png 8bit à le même niveau de transparence que le gif et le gère de la
même manière avec une transparence totale ou nulle. Mais gif ne permet pas
d'obtenir une transparence progressive sur 8bits contrairement au png 24bits.
Le gif à le désavantage d'être dans la majorité des cas plus lourd
que le png excepté pour les très petites images.

GIF est en outre un format qui utilise un type de compression (LWZ) breveté
sous licence Unisys et celle-ci est manifestement arrivée à expiration.
Le gif va être de plus en plus déprécié pour ces raisons et pour les royalties
qu'Unsisys exige des logiciels qui produisent ce format. Celui-ci est déjà
"boycoté" aux Etats-Unis...
Quand tu dis valide tu veux sans doute dire compatible,
l'utilisation de tel ou tel format n'ayant rien à voir avec le fait d'être valide ou pas.

Pour la transparence progressive PNG.
Modifié par Hermann (19 Jun 2006 - 00:41)

Ah voila
merci pour ce lien très interessant. J'ai bien réussi a faire "apparaître" la transparence sous IE avec les png Ca marche très bien

Seul problème, si j'ai bien compris comment il faut faire pour que la transparence marche, c'est qu'il faut "appeller" dans le fichier html (ou xhtml) l'image avec la balise <img ...>. Avant d'effectuer ceci, dans mon fichier xhtml, j'avais différentes balises <div id...> et le test d'essai, et dans mon fichier css, toute la "mise en page", ainci que des "background: ....", donc, "j'appellais" directement les images par mon fichier css.

Et mon problème arrive ici ! J'ai un div "contenu" qui, dans le css, appelle mon image de fond (de largeur 610), mais aucune longueur indiquée, puisque j'ai mis un repeat-y pour mettre en place l'extensibilité ...
Si, dans mon fichier xhtml, je met la balise <img ...> dans mon div contenu, l'extensibilitée ne sera plus appliquée ! (j'ai fais plusieurs essais, mais j'ai pas réussi.)

Je vous donne l'adresse de mon site pour que vous voyez e vous même (a regarder sous IE) : www.advanced-fx.com

Merci de votre aide
Flo

Bonjour,
Mis appart ton problème, ton texte est illisible et trop petit.

voila c'est modifié, mais bon, le teste c'est juste pour remplir ...

Svp, comment résoudre mon problème

Tu n'as pas la possibilité de dupliquer un image dans le code
sans la délarer plusieurs foi. Mais dans une certaine limite au niveau de la
lourdeur du code, cela n'est pas tellement gênant puisque cette image une
fois chargée dans le cache doit s'afficher rapidement.
Mais tu n'as pas expliqué exactement ce que tu voulais faire et
quelle est l'image à répéter et comment la répéter.
Modifié par Hermann (19 Jun 2006 - 19:07)

Dans mon xhtml, j'ai un div avec une id (contenu). Dans cette div, est écrit tout le text.
Du côté css, j'ai :

#contenu {
float:left;
background:url(img/milieu1.png) repeat-y;
width:610px;
margin-top:-28px;
margin-left:2px;
display:inline;
}

Donc, pour effectuer l'extensibilité du site, le fond du milieu se répète en y ...

Mercii

petit up

Bonjour oather,

Il semble que ce topic soit l'objet de plusieurs problèmes.
Tu auras plus de chance de trouver de l'aide en créant un sujet par questions.

Euuuh... si le problème de tout ceci est la "transparence" du PNG, peut être devrais tu essayer de t'en passer, non ?!

D'autant qu'à première vue je ne vois pas trop l'utilité de celle-ci ! Remplacer ton fond "transparent" qui a un rendu légérement plus clair par un fond non-transparent ayant le même rendu plus clair ne serait pas satisfaisant ?!

hum non car il y un effet d'ombre portée, si j'enlève cela, ça sera moins beau, et vu que mon site porte sur l'infographie, et que je vais le montrer a des clients, il faut qu'il soit le plus beau possible, en attendant la version flash

comme Vero l'a dit, je vais essayer de créer un autre sujet, en espérant qu'il y ai quelques réponses
Modifié par oather (20 Jun 2006 - 10:06)

Un effet d'ombre porté peut être obtenu à partir de trois images aussi hein ^^
C'est au fond, pas plus compliqué que faire un cadre arrondi

Bonjour

Pour l'animation en css, c'est possible.Si SI c'est vrai.
Va voir ce lien, va dans la partie animation, ça t'apportera une source d'inspiration, je l'espère.
le lien

@+

yes !!

j'vais essayer de m'inspirer de ces mini tutos ^^

merkii