Format des photos

Résolu/Fermé
Claudio61 Messages postés 5 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 28 janvier 2015 - Modifié par jordane45 le 8/01/2015 à 11:37
Claudio61 Messages postés 5 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 28 janvier 2015 - 8 janv. 2015 à 13:28
Bonjour,

j'ai utilisé javascript pour faire tourner des photos sur ma bannière . Mon code css est
img
{
    width:900px;
    height:250px;
 display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 175px;
  border-radius: 15px;
  box-shadow: 0px 4px 4px #1c1a19;
}

// et mon code javascript est le suivant

<script>

   window.onload= defilImg
   current_img = 0;
   arrImg = ['pontlabbe/pontlabbe1.jpg', 'pontlabbe/pontlabbe2.jpg', 'pontlabbe/pontlabbe3.jpg', 'pontlabbe/pontlabbe4.jpg', 'pontlabbe/pontlabbe5.jpg', 'pontlabbe/pontlabbe11.jpg', 'pontlabbe/pontlabbe8.jpg', 'pontlabbe/pontlabbe10.jpg'];

 
 
  function defilImg(){
   if(current_img == arrImg.length)
   current_img = 0;
   document.getElementById('toto').src = arrImg[current_img++];
   window.setTimeout('defilImg()',3000);
}
 </script>


du coup je ne peux plus mettre d'autres photos sur ma page car elle prennent le même format (même avec un Id ). Merci pour votre réponse.
A+
Claudio

EDIT : Ajout des balises de code
A voir également:

3 réponses

jordane45 Messages postés 38389 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 janvier 2025 4 729
8 janv. 2015 à 11:40
Le souci vient de ton CSS...
Tu fixes le format de TOUTES tes images....

Il faut que tu créés un style exprès pour le conteneur de tes images (de ta banière...)

un truc du genre par exemple..

#toto img {
width:900px;
height:250px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 175px;
border-radius: 15px;
box-shadow: 0px 4px 4px #1c1a19;
}

0
Claudio61 Messages postés 5 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 28 janvier 2015
8 janv. 2015 à 12:07
Bonjour Jordane,

J'ai essayé. Lorsque je remplace img par #toto img toutes les photos sont reformatées. Merci.
Cordialement

Claudio
0
jordane45 Messages postés 38389 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 janvier 2025 4 729
8 janv. 2015 à 12:14
#toto{
    width:900px;
    height:250px;
 display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 175px;
  border-radius: 15px;
  box-shadow: 0px 4px 4px #1c1a19;
}

img {
    width:400px;
    height:250px;
 display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 175px;
  border-radius: 15px;
  box-shadow: 0px 4px 4px #1c1a19;
}


0
Claudio61 Messages postés 5 Date d'inscription jeudi 8 janvier 2015 Statut Membre Dernière intervention 28 janvier 2015
8 janv. 2015 à 13:28
ça marche

Merci

Claude
0