Javascript Aide pour un Diaporama
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:
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