Javascript Aide pour un Diaporama

[Darkaurora]

Bonjour, j'ai un petit problème dans mon code je souhaiterais modifier une variable destinée à la taille d'un div mais en position absolue càd en % et non en pixel comment faire svp
voici mon code ( copier coller d'un autre site )
fichier Diaporama.js:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function(){  
			var retour = true;  
			var tempsTransition = 1000;  
			var affichePlayPause = true;  
			var lectureAutomatique = false;  
			var tempsAttente = 6000;  
 
			var icones = new Array();  
				icones['play'] = '../Images/play_slider.png';  
				icones['pause'] = '../Images/pause_slider.png';     
			var interval;  
			var lectureEnCours = false;
 
 
			var currentPosition = 0;  
			var slideWidth = 630; 
 // j'aimerais quelque chose du genre slideWidth = 40% est ce possible???
			var slides = $('.slide');  
			var numberOfSlides = slides.length;  
 
			// Supprime la scrollbar en JS  
			$('#slidesContainer').css('overflow', 'hidden');  
 
			slides  
				.wrapAll('<div id="slideInner"></div>')  
			// on met tous les slides en float:left pour qu'il s'affichent de manière horizontale  
				.css({  
					'float' : 'left',  
					'width' : slideWidth  
				});  
 
			// La longueur de #slideInner équivaut à la somme de la longueur de tous les slides  
			$('#slideInner').css('width', slideWidth * numberOfSlides);

document style.css

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#slideshow #slidesContainer {  
	position: absolute;
	margin:0 auto;  
	top: 20%;
	left: 30%;
	width: 40%;
	height:50%;
	overflow:auto; /* affiche une scrollbar au cas ou */  
	} 
 
#slideshow #slidesContainer .slide {  
	margin:0 auto;
	top: 20%;
	left: 30%;
	width: 40%;
	height:50%;	
	}

d'avance merci

[danielhagnoul]

Bonsoir

var slideWidth = "40%";.

On peut utiliser toutes les unités utilisables en CSS. Mais le changement aura certainement des répercussions sur le code de votre programme.