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 :

Conseil choix Carrousel


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 36
    Par défaut Conseil choix Carrousel
    Bonjour,

    Je souhaite faire une barre de menu horizontal avec dedans un carrousel car j'ai 25 icônes à afficher et je ne peux que 10(environ) sur la largeur d'un écran standard .

    Pour cela, j'aimerais utiliser JQuery et un plugin . Je trouve pas mal de plugins mais j'aurais aimé connaitre vos préférences avant de commencer.

    Lesquels sont complets?? tenus à jour ?? simple a maintenir ?? Bref Quels sont vos préférés et que me conseillez vous ?

    Merci par avance.

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    Je trouve sympa celui-ci qui j'espère correspond à tes attentes, il y a plein d'exemple qui devraient te plaire sur le site.

    http://caroufredsel.frebsite.nl/

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 36
    Par défaut Merci
    Je ne connaissais pas celui ci tiens. Je vais l'étudier. Si vous avez d'autres propositions, n'hésitez pas

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    36
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 36
    Par défaut help
    Je n'arrive pas a utiliser ce plugin pour avoir un carrousel qui fait defiler des <div>

    Je m'explique :
    Je veux faire défiler de gauche a droite et droite a gauche via des boutons
    en affichant en permanence 2 images

    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
     
    <div id="foo4">
    	<div class="slide">
    	<img src="img1.png" alt="carousel 1" width="256px" height="256px" />
    	</div>
    	<div class="slide">
    		<img src="img2.png" alt="carousel 2" width="256px" height="256px" />
    	</div>
    	<div class="slide">
    		<img src="img1.png" alt="carousel 3" width="256px" height="256px" />
    	</div>
    	<div class="slide">
    		<img src="img2.png" alt="carousel 4" width="256px" height="256px" />
    	</div>
    </div>

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    Javascript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $("#foo2").carouFredSel({
    	auto : false,
            items: 2,
    	prev : {	
    		button	: "#foo2_prev",
    		key		: "left"
    	},
    	next : { 
    		button	: "#foo2_next",
    		key		: "right"
    	}
    });
    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div class="image_carousel">
    	<div id="foo2">
    		<img src="img1.png" alt="carousel 1" width="256" height="256" />
    		<img src="img2.png" alt="carousel 2" width="256" height="256" />
    		<img src="img3.png" alt="carousel 3" width="256" height="256" />
    		<img src="img4.png" alt="carousel 4" width="256" height="256" />
    	</div>
    	<div class="clearfix"></div>
    	<a class="prev" id="foo2_prev" href="#"><span>prev</span></a>
    	<a class="next" id="foo2_next" href="#"><span>next</span></a>
    </div>
    CSS
    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
    34
    .image_carousel {
    	padding: 15px 0 15px 40px;
    	position: relative;
    }
    .image_carousel img {
    	border: 1px solid #ccc;
    	background-color: white;
    	padding: 9px;
    	margin: 7px;
    	display: block;
    	float: left;
    }
    a.prev, a.next {
    	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
    	width: 45px;
    	height: 50px;
    	display: block;
    	position: absolute;
    	top: 85px;
    }
    a.prev {			left: -22px;
    					background-position: 0 0; }
    a.prev:hover {		background-position: 0 -50px; }
    a.next {			right: -22px;
    					background-position: -50px 0; }
    a.next:hover {		background-position: -50px -50px; }
     
    a.prev span, a.next span {
    	display: none;
    }
    .clearfix {
    	float: none;
    	clear: both;
    }

Discussions similaires

  1. [Hardware][Conseil] Choix d'un serveur
    Par you98 dans le forum Ordinateurs
    Réponses: 2
    Dernier message: 12/11/2005, 15h52
  2. [Hardware][Conseil] Choix d'une carte graphique bas de gamme
    Par Laurent Gomila dans le forum Composants
    Réponses: 3
    Dernier message: 09/11/2005, 11h55
  3. [Conseil] Choix de son forum
    Par Acti dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 4
    Dernier message: 19/08/2005, 14h08
  4. Conseil choix structure STL
    Par SteelBox dans le forum SL & STL
    Réponses: 3
    Dernier message: 15/03/2005, 03h13
  5. Conseille Choix entre MySQL et InterBase?
    Par Redhouane dans le forum Bases de données
    Réponses: 3
    Dernier message: 28/09/2004, 12h42

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