IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Javascript Aide pour un Diaporama


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. Cherche aide pour construire diaporama a partir pdf
    Par fennec62 dans le forum wxPython
    Réponses: 2
    Dernier message: 26/07/2014, 16h27
  2. Les sessions en javascript; XML sous FF; Aide pour un projet
    Par FremyCompany dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 15/05/2006, 17h59
  3. Besoin d'aide pour mon rpg en javascript
    Par CyberTwister dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 07/04/2006, 13h26
  4. aide pour un script javascript
    Par speedylol dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 22/03/2006, 14h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo