begin process at 2012 05 29 15:04:08
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

pb effet de style


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

pb effet de style

mardi 12 septembre 2006 à 15:01:53 | pb effet de style

gabs77

slt,
g  un script permettant de mettre en diapo toutes images d'un repertoire avec intervalle de temps
seul hic!
 je cherche a mettre different effet comme faire une pixellisation puis une apparition en fondu et autre
mais je ne parviens pas a mettre plusieurs effets
voici mon script :

<head>
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
if (document.images)
 {
 var num=0;
<?
$rep=opendir('../uploads/');
while ($file = readdir($rep)){
 if($file != '..' && $file !='.' && $file !='' && $file !='Thumbs.db'){
 ?>
 imgPath[num++] = '../uploads/<? echo $file; ?>';
 <?}
}
closedir($rep);
clearstatcache();
?>

 }
a = 0;
b = 0;
function ejs_img_fx(img)
 {
 if(img && img.filters && img.filters[0])
  {
  img.filters[0].apply();
  img.filters[0].play();
  }
 }

function StartAnim()
 {
  document.write('<A HREF="#"><IMG HEIGHT=600 WIDTH=800 SRC="../uploads/jeune-fille.jpg" BORDER=0 ALT=Menu NAME=defil style='+alea(b)+'></A>');
  defilimg()
 }

function defilimg()
 {
 if (a == num)
  {
  a = 0;
  }
 if (document.images)
  {
  ejs_img_fx(document.defil)
  document.defil.src = imgPath[a];
  tempo3 = setTimeout("defilimg()",2000);
  a++;
  }
 }

function alea(b)
{
eff = new Array;
eff[0]="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)";
eff[1]="filter:alpha(opacity=100)";

if (b == 2)
 {
 b = 0;
 }
eff[b++];
}

</SCRIPT>
<!-- FIN DU SCRIPT -->
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
StartAnim()
</SCRIPT>
</body>

mardi 12 septembre 2006 à 19:44:13 | Re : pb effet de style

PetoleTeam

Membre Club


B onjour...

Création d'un tableau d'effets en variable globale...
  var Filtre = new Array;
  Filtre[0]="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)";
  Filtre[1]="alpha(opacity=100)";

Modification de la Fonction de défilement...
//----------------
function defilimg(){
  var Index = ValeurAleatoire();  // Récup. d'une valeur Aléatoire
  var Obj = document.getElementById( 'IMAGE');
// Récup. Objet Image
  if (a == num){
  a = 0;
  }
  if( Obj){
    ejs_img_fx( Obj);
    Obj .style.filter=Filtre[Index];  // application du filtre...
    Obj.src = imgPath[a];
    tempo3 = setTimeout("defilimg()",2000);
    a++;
  }
}

Modification de la Fonction de départ...

//------------------
function StartAnim(){
  document.write('<A HREF="#"><IMG ID="IMAGE" HEIGHT=600 WIDTH=800 SRC="../uploads/jeune-fille.jpg" BORDER=0 ALT=Menu ></A>');
  defilimg();
 }

Il te restes a créer la function Aléatoire...
//-----------------------
function ValeurAleatoire(){
  var Num;
... Ton code Aléatoire...
  return( Num);
}

Cela devrait être bon mais ne fonctionner que sous IE...

;0)
mercredi 13 septembre 2006 à 18:49:41 | Re : pb effet de style

gabs77

slt merci pour les modifications que tu m a apporté cela semble plus clair mais malheureusement les effets ne fonctionnent pas meme si je remplacer le index par une valeur, le diapo fontionne sans effets de tyle Obj.style.filter=Filtre[0];  // application du filtre...

a l'origine avant d essayer de mettre plusieurs effet voila le code qui fonctionnait

function StartAnim(){
  document.write('<A HREF="#"><IMG ID="IMAGE" HEIGHT=600 WIDTH=800 SRC="../uploads/jeune-fille.jpg" BORDER=0 ALT=Menu style= "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=100,Duration=1)"></A>');
  defilimg();
 }

 et accompagné des autres fonctions que j avais au début avant tes modifications

jeudi 14 septembre 2006 à 08:06:16 | Re : pb effet de style

PetoleTeam

Membre Club


B onjour...

1000 Excuses un Copier Coller malencontreux

//----------------
function defilimg(){
  var Index = ValeurAleatoire();  // Récup. d'une valeur Aléatoire
  var Obj = document.getElementById( 'IMAGE');
// Récup. Objet Image
  if (a == num){
    a = 0;
  }
  if( Obj){
    ejs_img_fx( Obj);
    Obj . style.filter=Filtre[Index];
    Obj. src = imgPath[a];
     ejs_img_fx( Obj); // Application du filtre une fois défini BIEN SUR...
    tempo3 = setTimeout("defilimg()",2000);
    a++;
  }
}



;0)
jeudi 14 septembre 2006 à 19:31:29 | Re : pb effet de style

gabs77

c bon super ça marche!!
par contre l erreur venait aussi de moi car alpha(opacity=100) ne fonctionnait pas pk ?? je ne sais pas donc cela empechait le bon fonctionnement du script

enfin bref encore merci !!
jeudi 14 septembre 2006 à 19:53:37 | Re : pb effet de style

PetoleTeam

Membre Club


B onjour...

le filtre alpha( opacity=xxx) n'est aps un effet de transition mais un fitre appliqué à l'image, il te faudrait faire varier la valeur d'opacity pour en faire un effet...

un lien complet sur les filtres IE


;0)
jeudi 14 septembre 2006 à 19:56:54 | Re : pb effet de style


Cette discussion est classée dans : function, file, document, img, filters


Répondre à ce message

Sujets en rapport avec ce message

et sinon moi ce sont les rollovers... [ par krol ] Trooop basic...Je veux faire un fct un poil évoluée pour gérer mes rollovers :function roll_on(img_name){document.images[img_name].src = "img_com/" + cellules d'un tableau qui changent de couleur [ par hella71 ] Merci Vous trouverez ci apres le scripttout va bien sur iexplorer mais sur netscape ca marche pas Merciiiiiiiiiii pour votre aide.function cha probleme de navigateur [ par MafiaShiryu ] bonjour,voila mon probleme:j'utlise le script suivant pour afficher des span:**************************************************function selectItemHide multicalque pour image [ par shrogs ] bonjour voila j ai un probleme je veux faire apparaitre et disparaitre des calque d image mais le hic c est que je ne sais pas pourquoi ca ne marche p Liens dynamique [ par AviShow ] Hello ! J'avais déjà demandé de l'aide il y a plusieurs mois, et je suis toujours dans l'impasse, snif. Je voudrais simplement, dans mes sous-menus, a Tableau 2D [ par malik7934 ] Hello, En deux mots: j'ai fais ça: http://noisy.ch/smilies/smilies2.html mais je n'y connais rien à Javascript (c'est pour un chat en php). J'ai modi rendre image cliquable DHTML dans script fournit [ par bernie69 ] Bonjour à tous, Pour une de mes pages d'un site en php, j'ai intégré un script dhtml pris ici : http://www.dhteumeuleu.com/  (cliquer sur "les scripts Probleme de différence de taille entre IE et Mozilla (etc) [ par chandler_vodkamartini ] Voilou, j'explique la situation, j'ai un scroll javascript qui agit sur une suite d'image et de texte placée dans un container qui a une certaine tail Problème de streaming [ par supersalley ] Bonjour à tous, j'ai trouvé un script de streaming que je n'arrive à faire marcher que partiellement. Je m'explique:J'ai mis ce code dans le head:func Ptite question sur une function js [ par destiny ] Bonjour tlm :)Voila j'ai fais une ptite function js qui me modifie la VALUE de mon input suivant la valuer d'un checkbox!function MajTexteValider() { 


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,983 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales