FONDU D'IMAGE

Signaler
-
Messages postés
17
Date d'inscription
mardi 5 septembre 2006
Statut
Membre
Dernière intervention
10 février 2008
-
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/38793-fondu-d-image

Messages postés
17
Date d'inscription
mardi 5 septembre 2006
Statut
Membre
Dernière intervention
10 février 2008

c'est trouvé
---------------

function visible(){
vitesseIE=1;
vitesseFF=60;
if(document.getElementById)	{
cur=document.getElementById("imageID");
if(document.all){
cur.filters.alpha.opacity+=parseFloat(3);
if (cur.filters.alpha.opacity==100)
return;
else 
setTimeout("visible()",vitesseIE);

}
else{
i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
i=parseFloat(cur.style.getPropertyValue("opacity"));
i+=parseFloat(0.1);
cur.style.setProperty("-moz-opacity", i, "");
cur.style.setProperty("opacity", i, "");
if (i>=1)
return;
else 
setTimeout("visible()",vitesseFF);
}
}
}
function invisible(index){
vitesseIE=1;
vitesseFF=60;

if(document.getElementById)	{
cur=document.getElementById("imageID");

if(document.all){
if (index=="1"){
cur.filters.alpha.opacity=100;
}
cur.filters.alpha.opacity-=parseFloat(3);
if (cur.filters.alpha.opacity==0){
document.getElementById("imageID").src=document.getElementById("imageID").src2;
visible();
return;
}
else {
setTimeout("invisible('0')",vitesseIE);
}

}
else{ 
if (index=="1"){
cur.style.setProperty("-moz-opacity", 1, "");
cur.style.setProperty("opacity", 1, "");
}
i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));
i=parseFloat(cur.style.getPropertyValue("opacity"));
i-=parseFloat(0.1);
cur.style.setProperty("-moz-opacity", i, "");
cur.style.setProperty("opacity", i, "");
if (i<=0){
document.getElementById("imageID").src=document.getElementById("imageID").src2;
visible();
return;
}
else {
setTimeout("invisible('0')",vitesseFF);

}
}
}
}
Messages postés
17
Date d'inscription
mardi 5 septembre 2006
Statut
Membre
Dernière intervention
10 février 2008

j'en suis là, mais ca marche toujours pas... sous mac=safari
-------------------------------------------

function visible(){
vitesseIE=1;
vitesseFF=60;
if(document.getElementById) {
cur=document.getElementById("imageID");
if(document.all){
cur.filters.alpha.opacity+=parseFloat(3);
if (cur.filters.alpha.opacity==100)
return;
else
setTimeout("visible()",vitesseIE);

}
else{
/*i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));test pour safari*/
i=parseFloat(cur.style.getPropertyValue("-khtml-opacity"));
i+=parseFloat(0.1);
/*cur.style.setProperty("-moz-opacity", i, "");test pour safari*/
cur.style.setProperty("-khtml-opacity", i, "");
if (i>=1)
return;
else
setTimeout("visible()",vitesseFF);
}
}
}
function invisible(index){
vitesseIE=1;
vitesseFF=60;

if(document.getElementById) {
cur=document.getElementById("imageID");

if(document.all){
if (index=="1"){
cur.filters.alpha.opacity=100;
}
cur.filters.alpha.opacity-=parseFloat(3);
if (cur.filters.alpha.opacity==0){
document.getElementById("imageID").src=document.getElementById("imageID").src2;
visible();
return;
}
else {
setTimeout("invisible('0')",vitesseIE);
}

}
else{
if (index=="1"){
/*cur.style.setProperty("-moz-opacity", 1, "");test pour safari*/
cur.style.setProperty("-khtml-opacity", 1, "");
}
/*i=parseFloat(cur.style.getPropertyValue("-moz-opacity"));test pour safari*/
i=parseFloat(cur.style.getPropertyValue("-khtml-opacity"));
i-=parseFloat(0.1);
/*cur.style.setProperty("-moz-opacity", i, "");test pour safari*/
cur.style.setProperty("-khtml-opacity", i, "");
if (i<=0){
document.getElementById("imageID").src=document.getElementById("imageID").src2;
visible();
return;
}
else {
setTimeout("invisible('0')",vitesseFF);

}
}
}
}

function afficher_image(index,image){
for (i=1;i<5;i++)
document.getElementById(i).src=img_non_select.src;
document.getElementById(index).src=img_select.src;

document.getElementById("imageID").src2=image;
if (navigator.appName=="Opera"){
document.getElementById("imageID").src=image;
}else{
invisible('1');
}

}

function plus(){
for (i=1;i<5;i++){
if (document.getElementById(i).src==img_select.src){
i++;
if (i<=4)
afficher_image(i,eval ("i"+i+".src"));
return;
}
}
}

function moins(){
for (i=1;i<5;i++){
if (document.getElementById(i).src==img_select.src){
i--;
if (i>=1)
afficher_image(i,eval ("i"+i+".src"));
return;
}
}
}
Messages postés
17
Date d'inscription
mardi 5 septembre 2006
Statut
Membre
Dernière intervention
10 février 2008

et sinon ya ca qui semble etre cohérent mais je ne sais pas le faire.
http://www.brainerror.net/scripts_js_blendtrans.php
De l'aide s'il vous plait
Messages postés
17
Date d'inscription
mardi 5 septembre 2006
Statut
Membre
Dernière intervention
10 février 2008

il faut peut etre se diriger vers ca...

function SetOpacity(elmt, opacity){

if(elmt.filters){

elmt.filters.alpha.opacity=opacity

}else{

elmt.style.setProperty("-moz-opacity", opacity/100, "");

elmt.style.setProperty("-khtml-opacity", opacity/100, "");

elmt.style.setProperty("opacity", opacity/100, "");

}
Afficher les 19 commentaires