OVH Cloud OVH Cloud

[JS] Fondu entre deux images

16 réponses
Avatar
loiseauthierry
Salut,

Sur mon site <http://ecm.terrasson.free.fr/projet2004.html>
j'ai fait une application JS pour visiter ma ville (entre autre).

J'ai prévu par ailleurs de changer de point de vue avec une espèce de
fondu-enchaîné qui marche bien avec IE6 (wintel 98SE), mais je ne
parviens pas à trouver le bon code pour Firefox :-((((

Vos conseils ?

Merci par avance,

Thierry
--
<http://www.trombinewtscope.free.fr/> <http://astrophoto.free.fr/>
<http://ecm.terrasson.free.fr/> <http://gerry.garstein.free.fr/>

6 réponses

1 2
Avatar
ASM
Thierry Loiseau wrote:
peut-on pas appliquer ça directement sur une image plutôt que de passer
par un <div> ?


div ou img ?
voir mon post du 06/07 12h53


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
YD

voir mon post du 06/07 12h53


À propos de tes posts... Tu peux jeter un oeil sur
<http://ygda.free.fr/fonduEnchaine.htm>, j'y ai mis
en ligne un exemple de fondu-enchaîné entre images,
(j'ai mis l'opacité directement sur l'image, dans le
script que j'avais donné, le div contenait plusieurs
images qui devaient s'afficher simultanément...).

--
Y.D.

Avatar
ASM
YD wrote:

voir mon post du 06/07 12h53



À propos de tes posts... Tu peux jeter un oeil sur
<http://ygda.free.fr/fonduEnchaine.htm>,


Ha ? je ne savais pas que tu avais des démos en lignes !
Tu ne fermes pas tt de suite ce site hein ?
que j'ai le temps de regarder
(ce sont tous des trucs assez complexe me semble t-il)

j'y ai mis
en ligne un exemple de fondu-enchaîné entre images,


Eh Ben ! Là, en ADSL, c'est vraiment super !
Merci
(reste plus qu'à tenter de comprendre le script :-) )

Faudra que je reinstalle modem rtc et vieux Mac :-)

(j'ai mis l'opacité directement sur l'image, dans le
script que j'avais donné, le div contenait plusieurs
images qui devaient s'afficher simultanément...).


J'ai dû rater le complet ?
Ou j'ai oublié de lire jusqu'au bout ?

à propos de tes démos
et, en particulier, hscroll3
tu as ajouté les compléments proposés par ailleurs ?

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
YD
YD wrote:
À propos de tes posts... Tu peux jeter un oeil sur
<http://ygda.free.fr/fonduEnchaine.htm>,


Ha ? je ne savais pas que tu avais des démos en lignes !
Tu ne fermes pas tt de suite ce site hein ?
que j'ai le temps de regarder
(ce sont tous des trucs assez complexe me semble t-il)


C'est exclusivement des scripts mis en ligne pour répondre
à des questions sur ce newsgroup, j'ai juste ajouté les
liens vers les démos (plutôt pour moi que pour être vu).

j'y ai mis
en ligne un exemple de fondu-enchaîné entre images,


Eh Ben ! Là, en ADSL, c'est vraiment super !
Merci
(reste plus qu'à tenter de comprendre le script :-) )


Ben en Numéris 64Kb, le chargement est correct (je n'ai
pas optimisé web mes belles photos ;-) ). J'attends le
Re-ADSL... et encore c'est pas dit qu'il suffira.

Faudra que je reinstalle modem rtc et vieux Mac :-)


Avec NC4, je n'ose pas imaginer...

(j'ai mis l'opacité directement sur l'image, dans le
script que j'avais donné, le div contenait plusieurs
images qui devaient s'afficher simultanément...).


J'ai dû rater le complet ?
Ou j'ai oublié de lire jusqu'au bout ?


Non, c'est sur une page dont je n'ai pas donné l'URL,
puisqu'elle n'est pas encore en ligne.

à propos de tes démos
et, en particulier, hscroll3
tu as ajouté les compléments proposés par ailleurs ?


Pas l'affichage d'un message de chargement, tu en as
proposé un, d'autres aussi. L'OP doit apprendre un
minimum javascript pour coller tout ça ensemble, je
n'ai pas le temps (ni l'envie) de lui écrire toute sa
page. Le but du ng c'est l'entraide pas l'assistance :-)

--
Y.D.


Avatar
Thibaut Allender
j'y suis arrivé en faisant çà :

<img src="truc.jpg" style="opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
onload="opacifier(this);">

çà fonctionne très bien(*) sur mon FF et mon Camino
Safary n'affiche même pas l'image
iCab affiche l'image sans fondu


pourtant safari devrait reconnaitre la propriété opacity :
http://www.domedia.org/oveklykken/css-transparency.php

--
thibaut allender | freelance | http://capsule.org

Avatar
ASM
Thibaut Allender wrote:

j'y suis arrivé en faisant çà :

<img src="truc.jpg" style="opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)"
onload="opacifier(this);">

çà fonctionne très bien(*) sur mon FF et mon Camino
Safary n'affiche même pas l'image
iCab affiche l'image sans fondu



pourtant safari devrait reconnaitre la propriété opacity :


oui, mais il faut opacity: 0.5; (à ce que j'ai compris)

http://www.domedia.org/oveklykken/css-transparency.php


C'est super ces ngs,
on attend un peu et des trucs dingues te sont proposés :-)

C'est génial (je n'ai plus à essayer de me farcir du png),
la page proposée semble donner satisfaction avec :
Safary, FF, Camino (IE pas regardé)
mais pas iCab (je vais de ce pas le gronder)

heu ... le test proposé par YD -> safary change d'image sans fondu
(mais là il affiche les images) (parceque pré-chargée ?)


--
Stephane Moriaux et son [moins] vieux Mac


1 2