FONDU ENCHAINER ENTRE PLUSIEURS IMAGES
stef1589
Messages postés
44
Date d'inscription
dimanche 19 mars 2006
Statut
Membre
Dernière intervention
27 mars 2008
-
1 août 2006 à 10:15
lamarmottegeante Messages postés 1 Date d'inscription vendredi 16 novembre 2012 Statut Membre Dernière intervention 17 novembre 2012 - 17 nov. 2012 à 23:15
lamarmottegeante Messages postés 1 Date d'inscription vendredi 16 novembre 2012 Statut Membre Dernière intervention 17 novembre 2012 - 17 nov. 2012 à 23:15
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/38868-fondu-enchainer-entre-plusieurs-images
https://codes-sources.commentcamarche.net/source/38868-fondu-enchainer-entre-plusieurs-images
17 nov. 2012 à 23:15
16 août 2010 à 20:48
L'image s'ouvre dans une nouvelle fenêtre mais c'est tout...
16 août 2010 à 13:01
Descend sur le menu déroulant "archives".
Sur "classés par mois", choisis 'juin 2010'
Tu retrouveras la photo dont je t'ai parlé ainsi que 4 affiches que l'on peut aggrandir.
Voilà la fonction javascript utilisée :
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
Voilà le HTML :
[#
]
15 août 2010 à 20:19
15 août 2010 à 19:35
Va sur le site www.saint-avertin-sports.com.
Dans la deuxième colonne, en bas il y a la photo de M. C. FILOU.
Quand tu cliques dessus, la photo est agrandie, et tu peux refermer la fenêtre pour revenir à la page d'accueil.
15 août 2010 à 11:30
Pourrais tu me donner un exemple car je ne comprend pas bien
15 août 2010 à 07:34
13 août 2010 à 11:01
Oui je sais les ne sont jamais de la memetaille a cause du fait qu'elles sont prises avec des appareils photos différents.
Que veux tu dire par retour a la normale?
13 août 2010 à 07:19
13 août 2010 à 07:17
12 août 2010 à 19:39
regardez ce beau résultat !!
www.dotacoustics.com
12 août 2010 à 18:49
style="sytle=
[ ]
au lieu de :
[ ]
11 août 2010 à 16:31
j'ai un petit problème. Au lieu de faire un jolie fondu il affiche les deux première images superposée...
Voila le code de ma page(seulement les parties intéressantes):
<script type="text/javascript">
<!--
// mettre un minimum de 4 images !!!
var coef = 0.05 ; // avancement de l'opacité
var temps = 50 ; // temps entre chaque changement d'opacité
var temps_pause = 2000 ; // temps d'attente entre 2 changements d'images
var nombre_image = 16 ; // nombre d'images a faire bouger
var prefix_image = 'diaporama/visuel'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images
// pas touche
var indice = 2; // les 2 premiere image sont deja charger dans le HTML, on commence a la 3eme
var isIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1 ;
var img1 = null;
var img2 = null ;
var sens = 1;
var tabImg; // tab contenant les images
function prechargerImg(){
tabImg = new Array(nombre_image);
for (i=0; i<=nombre_image -1; i++){
tabImg[i]=new Image();
tabImg[i].src = prefix_image+(i+1)+suffix_image;
}
}
function init()
{
img1 = document.getElementById("image1") ;
img2 = document.getElementById("image1_2") ;
prechargerImg();
change_opacity();
}
function change_opacity()
{
var opacity1 = 0 ;
var opacity2 = 0 ;
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.opacity);
opacity2 = parseFloat(img2.style.opacity);
}
if (sens)
{ if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 + coef * 100;
img2.filters.alpha.opacity = opacity2 - coef * 100;
}
else // for Mozilla
{ img1.style.opacity = opacity1 + coef;
img2.style.opacity = opacity2 - coef;
}
}
else
{
if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 - coef * 100;
img2.filters.alpha.opacity = opacity2 + coef * 100;
}
else // for Mozilla
{ img1.style.opacity = opacity1 - coef;
img2.style.opacity = opacity2 + coef;
}
}
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.opacity);
opacity2 = parseFloat(img2.style.opacity);
}
// on fait varié le sens d'opacité du bazar
if (opacity2 <= 0)
{ img2.src=tabImg[indice++].src;
sens = 0;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
else if (opacity1 <= 0)
{ img1.src=tabImg[indice++].src;
sens = 1;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
window.setTimeout("change_opacity()",temps) ; // recursion toutes les x millisec
}
//-->
</script>
et dans le body
[ ]
[ ]
Voila pouvez-vous m'aider?
Merci beaucoup
14 juin 2010 à 10:22
var prefix_image = 'gfx/'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images
var nombre_image = 5 ; // nombre d'images a faire bouger
Dans cette exemple les url des photos sont :
gfx/1.jpg
gfx/2.jpg
gfx/3.jpg
gfx/4.jpg
gfx/5.jpg
14 juin 2010 à 10:13
si j'ai bien compris apres var nombre_image = on met l'url de la photo c'est bien ca?
mais comment fait on pour en mettre plusieurs?
désolé je suis un peu perdu
sur mon blog j'ai fait un defilement de photos ca marche bien mais ce serait plus joli en fondu enchainé
merci encore
14 juin 2010 à 09:56
Le noms des images doivent juste respecter une certaine logique.
14 juin 2010 à 08:35
je vois bien ou on met l'url des 2 images (a la fin du script) mais comme il faut au moins 4 photos (a quel endroit du script faut il inserer les autres photos)?
merci de votre aide
9 avril 2010 à 05:39
(remarque les deux variables prefix et suffix_image sont celles de mon test)
<HTML>
<HEAD>
<TITLE>Fondu de plusieurs images</TITLE>
<!-- On déclare le code source -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// mettre un minimum de 4 images !!!
var coef = 0.05 ; // avancement de l'opacité
var temps = 50 ; // temps entre chaque changement d'opacité
var temps_pause = 2000 ; // temps d'attente entre 2 changements d'images
var nombre_image = 5 ; // nombre d'images a faire bouger
var prefix_image = 'images/fondu/'; // chemin + prefix du nom des images
var suffix_image = '.gif' ; // suffix + '.extension' du nom des images
// pas touche
var indice = 2; // les 2 premiere image sont deja charger dans le HTML, on commence a la 3eme
var isIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1 ;
var isMozilla5 = navigator.userAgent.toLowerCase().indexOf('mozilla/5')!=-1 ; // modif pour Mozilla 5.0
//var isIE = true;
var img1 = null;
var img2 = null ;
var sens = 1;
var tabImg; // tab contenant les images
function prechargerImg(){
tabImg = new Array(nombre_image);
for (i=0; i<=nombre_image -1; i++){
tabImg[i]=new Image();
tabImg[i].src = prefix_image+(i+1)+suffix_image;
}
}
function init()
{
img1 = document.getElementById("defilement1") ;
img2 = document.getElementById("defilement2") ;
alert (navigator.userAgent);
prechargerImg();
change_opacity();
}
function change_opacity()
{
var opacity1 = 0 ;
var opacity2 = 0 ;
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ if (isMozilla5) // =========================== Mozilla 5
{opacity1 = parseFloat(img1.style.opacity);
opacity2 = parseFloat(img2.style.opacity);
}
else // for mozilla 4 et -
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
}
if (sens)
{ if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 + coef *100;
img2.filters.alpha.opacity = opacity2 - coef *100;
}
else // for Mozilla
{ if (isMozilla5) // =========================== Mozilla 5
{ img1.style.opacity = opacity1 + coef;
img2.style.opacity = opacity2 - coef;
}
else // for Mozilla 4 et -
{ img1.style.MozOpacity = opacity1 + coef;
img2.style.MozOpacity = opacity2 - coef;
}
}
}
else
{
if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 - coef* 100;
img2.filters.alpha.opacity = opacity2 + coef *100;
}
else // for Mozilla
{ if (isMozilla5) // =========================== Mozilla 5
{img1.style.opacity = opacity1 - coef;
img2.style.opacity = opacity2 + coef;
}
else // for Mozilla 4 et -
{ img1.style.MozOpacity = opacity1 - coef;
img2.style.MozOpacity = opacity2 + coef;
}
}
}
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ if (isMozilla5) // =========================== Mozilla 5
{ opacity1 = parseFloat(img1.style.opacity);
opacity2 = parseFloat(img2.style.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
}
// on fait varié le sens d'opacité du bazar
if (opacity2 <= 0)
{ img2.src=tabImg[indice++].src;
sens = 0;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
else if (opacity1 <= 0)
{ img1.src=tabImg[indice++].src;
sens = 1;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
window.setTimeout("change_opacity()",temps) ; // recursion toutes les x millisec
}
-->
</SCRIPT>
</HEAD>
<!-- On charge le script et les images -->
<!-- Premiere image id=defilement1 -->
<!-- Deuxieme image id=defilement2 /!\ positionnée RELATIVEMENT par rapport à la 1ère pour qu'elles se superposent /!\ -->
</HTML>
9 avril 2010 à 05:00
17 févr. 2010 à 11:40
9 déc. 2009 à 10:02
En passant merci pour ce code dont le résultat est vraiment sympa :)
9 déc. 2009 à 08:38
8 déc. 2009 à 15:41
8 déc. 2009 à 11:14
voire ici :
http://www.desmotscrasseux.lautre.net/dia/index
8 déc. 2009 à 11:05
Malheureusement je n'arrive pas à le faire le faire fonctionner. il n'ya pas de défilement:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Desmotscrasseux</title>
<link rel="stylesheet" type="text/css" href="design/design.css" />
<script LANGUAGE="JavaScript">// mettre un minimum de 4 images !!!
var coef = 0.05 ; // avancement de l'opacité
var temps = 50 ; // temps entre chaque changement d'opacité
var temps_pause = 2000 ; // temps d'attente entre 2 changements d'images
var nombre_image = 5 ; // nombre d'images a faire bouger
var prefix_image = 'gfx/'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images
// pas touche
var indice = 2; // les 2 premiere image sont deja charger dans le HTML, on commence a la 3eme
var isIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1 ;
var img1 = null;
var img2 = null ;
var sens = 1;
var tabImg; // tab contenant les images
function prechargerImg(){
tabImg = new Array(nombre_image);
for (i=0; i<=nombre_image -1; i++){
tabImg[i]=new Image();
tabImg[i].src = prefix_image+(i+1)+suffix_image;
}
}
function init()
{
img1 = document.getElementById("defilement1") ;
img2 = document.getElementById("defilement2") ;
prechargerImg();
change_opacity();
}
function change_opacity()
{
var opacity1 = 0 ;
var opacity2 = 0 ;
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
if (sens)
{ if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 + coef * 100;
img2.filters.alpha.opacity = opacity2 - coef * 100;
}
else // for Mozilla
{ img1.style.MozOpacity = opacity1 + coef;
img2.style.MozOpacity = opacity2 - coef;
}
}
else
{
if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 - coef * 100;
img2.filters.alpha.opacity = opacity2 + coef * 100;
}
else // for Mozilla
{ img1.style.MozOpacity = opacity1 - coef;
img2.style.MozOpacity = opacity2 + coef;
}
}
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
// on fait varié le sens d'opacité du bazar
if (opacity2 <= 0)
{ img2.src=tabImg[indice++].src;
sens = 0;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
else if (opacity1 <= 0)
{ img1.src=tabImg[indice++].src;
sens = 1;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
//window.status = "opa1 : " + img1.style.MozOpacity + " opa2 : " + img2.style.MozOpacity + " indice : "+indice;
window.setTimeout("change_opacity()",temps) ; // recursion toutes les 30 millisec
}
</script>
</head>
<!-- Premiere image id=defilement1 -->
<!-- Deuxieme image id=defilement2 /!\ positionnée RELATIVEMENT par rapport à la 1ère /!\ -->
et le CSS
.news_image
{
float: right;
margin-top: 40px;
width: 320px;
height: 230px;
background-color: none;
border-bottom: 2px dashed grey;
}
voila ce que çà donne :
http://www.desmotscrasseux.lautre.net/
merci de m'aider a+
2 déc. 2009 à 12:08
En utilisant l'astuce de Tina13, j'arrivais à un bon résultat sur FF mais pas sur IE6, du coup j'ai combiné avec un float:right; affecté aux deux images et chez moi ça a l'air de marcher mais j'ai pas testé avec tous les navigateurs.
14 nov. 2009 à 14:58
tout d'abord un grand BRAVO et MERCI à ryosama, ce script me plaît beaucoup: pas trop lourd et fonctionnel.
J'ai aussi rencontré le problème du "blanc" dessous: cela vient du fait que le navigateur additionne la taille des 2 images et génère une place équivalente. Manifestement, il ne comprend pas que le fait de les superposer gagne de la place ;-). Pour remédier à cela, il suffit de donner à la seconde image une marge négative (...margin-left:-545px;...) plus ou moins équivalente à sa largeur. Du coup, en appliquant ce principe, on n'aurait même plus besoin de positionner les images, suffit de jouer avec les marges.
J'ignore si c'est très "propre" mais ça fonctionne. Evidemment, comme toujours, les marges ne sont pas exactement les mêmes sous IE et Firefox.
Pour Opera, j'ai le même souci que vous tous; ça ne "tourne pas".
Encore merci et dans l'attente d'une soluce...
17 juil. 2009 à 09:52
16 juil. 2009 à 17:35
Il suffit de remplacer "-moz-opacity" par "opacity". Par contre il ne sera plus compatible avec les prcédentes version de Firefox.
16 juil. 2009 à 17:31
J'ai des petits soucis d'éxecution de ce script :
Pas de soucis sous IE8 mais sur Mozilla 3.5 rien à faire cela ne marche pas ...
Dream dit : Unsupported property: -moz-opacity
Affects: Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Opera 8.0, 9.0; Safari 2.0
Voila si quelqu'un a une solution !!!
Merci bcp !!
4 juin 2009 à 12:02
j'ai un petit souci:
quand je change le résolution d'écran,ça déforme la largeur et la hauteur donc toute la page,
aurez vous des solution?
merci d'avance.
2 juin 2009 à 23:01
Vous y parviendrez -je pense- en créant une boite d'une largeur double de votre image, et en la positionnant en absolu.
Cdt
2 juin 2009 à 15:27
je voulais changer le positionnement du fondu,
le mettre en bas de la page et au centre en même temps, Est ce que vous pouvez m'aider?
merci d'avance
2 mars 2009 à 13:52
Effectivement, ce code est simple à mettre en place, et efficace pour de petites images.
Il ne semble pas adapté aux larges images : lorsque l'image est trop large, seules les 2 premières tournent en boucle.
Il semble avoir de mystérieuses difficultés à fonctionner avec IE7 qui reste scothé sur une image, alors qu'elles s'enchainent bien avec FF ... sauf à ce que quelqu'un m'en explique la solution.
Félicitations et encouragements néanmoins.
9 févr. 2009 à 03:20
J'aurais aimer savoir si quelqu'un avais eu des problème sous IE, sous FF sa marche niquel mais sous IE en plus que la hauteur est de 2foi l'img (normale avec les 2 balise img :/) je ne voie aucun défilement d'image. Voici le forum : http://www.rcfr.c.la
On voi bien que le script bloque au bout d'une ou deux secondes sous ie.
Si quelqu'un à une solution je suis prenneur.
merci beaucoup !
26 déc. 2008 à 02:09
j'ai malgré quelques soucis réussi à obtenir un résultat satisfaisant
http://www.all-out.fr
24 oct. 2008 à 20:13
Ce script est exactement ce que je cherche pour mon site que je dévelope avec "Wysiwyg Web Builder".
Le problème est que je suis débutant et je ne comprends pas comment je peux l'inserer dans mon site et comment je peux "insérer" mes photos dans ce script.
Pouvez-vous SVP m'aider car j'aimerais tellement utiliser ce script...
Merci d'avance.
Denis
15 mars 2008 à 16:07
10 févr. 2008 à 13:17
pour ton soucis, tu dois le gerer en php et générer la liste de images de maniere dynamique dans une parties cript javascript de ta page.. tu n'a qu'à faire une boucle sur le contenu de ton dossier. Pour cela renseigne toi sur la lecture et le parcour de dossier en php.
Bonne chance à toi.
10 févr. 2008 à 12:47
je trouve ce script très bien mais vous parait-il possible de l'adapter pour lire des dossiers remplis dynamiquement (si je ne suis pas clair, je voudrais qu'il lise le contenu d'un dossier et non une liste d'image pour laquelle je mets des noms précis).
C'est peut être simple mais je suis nul en javascript.
JPCREATION
PS : Salut Atila, le monde du développement est décidément très petit !!!
29 sept. 2007 à 23:46
Ce script est exactement ce que je cherche pour mon site que je dévelope avec "Cool Page".
Le problème est que je suis archi débutant et je ne comprends pas ou et comment je peux "insérer" mes photos dans ce script.
Pouvez-vous SVP m'aider car j'aimerais tellement utiliser ce script...
Merci d'avance.
Mamacx
25 juil. 2007 à 16:38
25 juil. 2007 à 16:21
La solution de fortune est de remonter tout ce qui se trouve sous l'effet ... pas très propre mais ça marche.
25 juil. 2007 à 12:01
Trés beau script avec un bel effet, j'ai un petit souci j'ai les 2 images dans un UserControl elles ont une taille 559*323 quand je place ce control dans une table les 2 image sont supperposé mais il y a un espace blanc qui la taille de l'image en dessous.
comment fais t pour supprimer ce blanc?
Merci!!
16 janv. 2007 à 17:58
Merci beaucoup pour cette source qui fonctionne très bien. En ce qui me concerne je l'ai modifiée, parce que j'avais besoin de faire des fondus sur des div avec textes et des images à l'intérieur, ce que j'ai très bien réussi... pour IE et FF.
Mon problème est que ça ne fonctionne pas sur Mac avec Safari. Quelle est la syntaxe pour l'opacité sur Safari?
Atiladiffusion, tu dis avoir réussi à le faire fonctionner sur Safari, peux-tu m'aider stp?
Merci d'avance!
Bye!
12 janv. 2007 à 19:01
Merci
17 déc. 2006 à 22:12
8 nov. 2006 à 18:09
8 nov. 2006 à 18:09
8 nov. 2006 à 15:04
Comme précisé dans le descriptif :
- Il est compatible IE et Mozilla
8 nov. 2006 à 13:19
5 sept. 2006 à 22:28
Une solution, pas propre (c'est mon habitude mais qui fonctionne). tu crée une page avec juste ton animation et tu la positionne ou tu veux dans ton tableau avec une balise . De cette façon tu peux forcer la taille de ton cadre.
Je sais 'C'EST PAS BIEN' mais çà le fait.
Merci pour ce script, @+
5 sept. 2006 à 15:38
peut etre y a til un moyen de faire autrement sans utiliser de flash...
Justement ce ne serait pas possible de ne charger qu'une image au départ, de sorte que l'on puisse avoir tout sur la meme image, cela ne me fait rien d'avoir un temps de latence, il y aura un background derriere.
5 sept. 2006 à 15:35
Je n'ai pas réussi à palier ce problème. Le site pour lequel j'ai développé ce fondu n'avait rien sous le fondu donc pas de problème pour le blanc.
La technique pour pallier à ça serait de faire un div contenant tout le texte de votre page (car chez vous c'est un header apparement) et de lui donner le style suivant = position:relative;top:-80px;
Avec un peu de chance, ça devrait marcher.
5 sept. 2006 à 15:19
<HTML>
<HEAD>
<TITLE>Fondu de plusieurs images</TITLE>
<!-- On déclare le code source -->
<SCRIPT LANGUAGE="JavaScript">
<!--
// mettre un minimum de 4 images !!!
var coef = 0.05 ; // avancement de l'opacité
var temps = 50 ; // temps entre chaque changement d'opacité
var temps_pause = 2000 ; // temps d'attente entre 2 changements d'images
var nombre_image = 4 ; // nombre d'images a faire bouger
var prefix_image = 'http://localhost/sites2006/peel/modeles/images2/test'; // chemin + prefix du nom des images
var suffix_image = '.jpg' ; // suffix + '.extension' du nom des images
// pas touche
var indice = 2; // les 2 premiere image sont deja charger dans le HTML, on commence a la 3eme
var isIE = navigator.userAgent.toLowerCase().indexOf('msie')!=-1 ;
var img1 = null;
var img2 = null ;
var sens = 1;
var tabImg; // tab contenant les images
function prechargerImg(){
tabImg = new Array(nombre_image);
for (i=0; i<=nombre_image -1; i++){
tabImg[i]=new Image();
tabImg[i].src = prefix_image+(i+1)+suffix_image;
}
}
function init()
{
img1 = document.getElementById("defilement1") ;
img2 = document.getElementById("defilement2") ;
prechargerImg();
change_opacity();
}
function change_opacity()
{
var opacity1 = 0 ;
var opacity2 = 0 ;
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
if (sens)
{ if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 + coef * 100;
img2.filters.alpha.opacity = opacity2 - coef * 100;
}
else // for Mozilla
{ img1.style.MozOpacity = opacity1 + coef;
img2.style.MozOpacity = opacity2 - coef;
}
}
else
{
if (isIE) // for IE
{ img1.filters.alpha.opacity = opacity1 - coef * 100;
img2.filters.alpha.opacity = opacity2 + coef * 100;
}
else // for Mozilla
{ img1.style.MozOpacity = opacity1 - coef;
img2.style.MozOpacity = opacity2 + coef;
}
}
if (isIE) // for IE
{ opacity1 = parseFloat(img1.filters.alpha.opacity);
opacity2 = parseFloat(img2.filters.alpha.opacity);
}
else // for mozilla
{ opacity1 = parseFloat(img1.style.MozOpacity);
opacity2 = parseFloat(img2.style.MozOpacity);
}
// on fait varié le sens d'opacité du bazar
if (opacity2 <= 0)
{ img2.src=tabImg[indice++].src;
sens = 0;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
else if (opacity1 <= 0)
{ img1.src=tabImg[indice++].src;
sens = 1;
if (indice == (tabImg.length)) indice=0;
window.setTimeout("change_opacity()",temps_pause) ; // attente
return 0;
}
window.setTimeout("change_opacity()",temps) ; // recursion toutes les x millisec
}
-->
</SCRIPT>
</HEAD>
<!-- On charge le script et les images -->
<!-- Premiere image id=defilement1 -->
<!-- Deuxieme image id=defilement2 /!\ positionnée RELATIVEMENT par rapport à la 1ère pour qu'elles se superposent /!\ -->
</HTML>
5 sept. 2006 à 15:09
J'ai créé 5 images avec different textes dessus.
Et j'ai fais un include du ce fichier dans le header.
et au lieu de prendre la place d'une image, la case fait la hauteur de deux. comment faire?
5 sept. 2006 à 15:07
"il me prend l'equivalent de deux images dans mon tableau, alors que j'aimerai n'en avoir qu'une"
Pouvez vous m'en dire plus ?
5 sept. 2006 à 15:02
1 août 2006 à 22:34
Kenavo
1 août 2006 à 10:51
1 août 2006 à 10:15