begin process at 2012 02 14 03:52:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

pb debutant


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

pb debutant

jeudi 23 août 2007 à 20:09:49 | pb debutant

catamenia

Membre Club
Bonjour je débute en javascript

J'essais de faire un diaporama avec affichage de miniatures
Au chargement de ma page, le diaporama se lance bien mais les miniatures ne s'affiches pas.

Comment ça se fait?

voici le code :

var b = new Array();
b[0] = new Image(); b[0].src = "image1.jpg";
b[1] = new Image(); b[1].src = "image2.jpg";
b[2] = new Image(); b[2].src = "image3.jpg";

       
var i = 0;


actif=window.setTimeout("Animation('diapo')",1000);
Miniature();



function Animation(conteneur)
{
    if(i >= 3) i = 0;
    document.images[conteneur].src = b[i].src;
   
    i = i + 1;
    actif=window.setTimeout("Animation('diapo')",1000);
}
       

function Miniature()
{
   
    document.images["img1"].src = b[0].src;
    document.images["img2"].src = b[1].src;
    document.images["img3"].src = b[2].src;
    document.images["img4"].src = "vide.jpg";
    document.images["img5"].src = "vide.jpg";
}


Merci
jeudi 23 août 2007 à 23:26:12 | Re : pb debutant

PetoleTeam

Membre Club
Réponse acceptée !


B onjour...

Problème classique, je m'explique, au moment ou la fonction Miniature s'excécute les
document.images["img1"] n'existent pas, l'explorateur n'a pas encore créer les objets.

Pour palier à ce probléme il te faut mettre une fonction d'initialisation sur l'événement onload du document, ton script devrait ressembler à cela...

<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "image1.jpg";
b[1] = new Image(); b[1].src = "image2.jpg";
b[2] = new Image(); b[2].src = "image3.jpg";    
var i = 0;

function Animation(conteneur){
  if(i >= 3) i = 0;
  document.images[conteneur].src = b[i].src;  
  i = i + 1;
  actif=window.setTimeout("Animation('diapo')",1000);
}
      
function Miniature(){  
  document.images["img1"].src = b[0].src;
  document.images["img2"].src = b[1].src;
  document.images["img3"].src = b[2].src;
  document.images["img4"].src = "vide.jpg";
  document.images["img5"].src = "vide.jpg";
}

function Init_Page(){
  Miniature();
  actif=window.setTimeout("Animation('diapo')",1000);
}

window.onload = Init_Page;
</script>

;0)


Cette discussion est classée dans : images, image, document, jpg, src


Répondre à ce message

Sujets en rapport avec ce message

2 animations sur une meme page [ par fanouille ] bonjourJe veux faire une animation avec des photos qui défilent en boucle, jusque là pas de problème, ca marche.Et j'aimerais en faire plusieurs sur u Problème document.image.src [ par Fred2468 ] Bonjour,J'ai un soucis pour inverser 2 images d'un tableau. J'utilise la fonction document.image mais avec elle je n'arrive pas à changer la source de changement d'image grâce à un clique hors de la balise principale [ par matricule471 ] Bonjour, Je vais vous exposer mon problème Code: function Img(){ document.getElementById("centre").src = "img/imgL.jpg"; } <img id="cen Problème avec "document.images...." [ par Fred2468 ] Bonjour à tous,J'ai un problème avec la commande "document.images". Le problème c'est qu'il accèpte que les chaines de caractère par exemple : Blabla Intégration d'un diapo [ par dloc ] Hello à tous, Je viens faire appel à vous pour un problème qui me casse fortement la tête et dont j'ai loin d'avoir les capacités nécessaire pour le Changer une image de référence d'une map [ par nulenC ] Bonjour, Je suis nouveau sur ce forum, donc si je n'ai pas inscrit ma demande dans la bonne rubrique, n'hésitez pas à la déplacer. [^^happy13] Reven Extension d'image sensible a la casse [ par ecarbill ] Salut à tous. Dans ma page je met des images et toutes avec l'extension '.JPG'. Tout marche bien sur ma machine mais quand j'envoie mon site sur le se Masquer une frame d'une fenêtre [ par meneer ] var flip = new Image; var flop = new Image; flip.src = "chemin/image2.gif"; flop.src = "chemin/ima Probleme avec images aléatoires [ par antiflag25 ] Salut à tous !!Voila je viens de mettre une serie d'image aléatoire sur mon site. Jusque la, pas de probleme, le seul souci, c'est que j'aimerais que défi en javascript [ par eucalion ] Bonjour à tous, Voici un défi de programmation, sans doute java script, pour qui voudra bien le tenter : Sur la page d'accueil de présent


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 1,170 sec (3)

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