Discussion :

[ickyknox]

bonjour,
j'ai un diaporama :
http://essentiel-internet.danna-icre...r-mars-en-2023
j'aimerais qu'il prenne la largeur du CONTENT.
Mais je voudrais qu'il se rétrécisse en fonction de la taille de la fenetre.
J'ai déjà du mal à le faire tenir sur la largeur. Il bloque à 500px. Je ne comprends pas pourquoi.
Pourriez vous m'aider si'l vous plait ?
Je vous remercie.
Voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div class="slideshow"> 
   <ul> 
<li> <img src="data/images/00003-1.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-2.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-3.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-4.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-5.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-6.jpg" alt="Mars one" /> </li> 
   </ul> 
  </div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.slideshow{ 
 width:100%; 
 height:100%; 
background-color:green;} 
img{ 
 width:100%; 
 height:100%; 
 }

[NoSmoking]

Bonjour,
tu as surtout un problème avec l'utilisation du plugin, 500 étant la largeur par défaut

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
jQuery(document).ready(function($){
  $('.slideshow').ajSlideshow({
    width:'100%',     // AJOUT option largeur
    thumbwidth: 55,
    thumbheight: 34
    });
});

[ickyknox]

ah oui exact. merci no smoking pour ton aide !!!