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 :

Slideshow full width - Diaporama en pleine largeur


Sujet :

jQuery

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2005
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 11
    Par défaut Slideshow full width - Diaporama en pleine largeur
    Bonjour,

    Après maintes recherches, je ne trouve pas un exemple de script capable de réaliser un diaporama en pleine largeur d'un site web, soit avec une image centrée et une couleur de fond qui change soit avec des éléments html avec une largeur en 100%. Je cherche également un script qui gère les boutons "précédent" et "suivant". Même une solution payante dans la limite du raisonnable me conviendrait.
    Est-ce quelqu'un peut m'aider ?

    Merci d'avance !

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par défaut
    Bonjour,

    Diaporama de quoi ? Slides diverses ou images ? En diaporama de slides pleine page, je te conseille l'excellent reveal.js :
    http://lab.hakim.se/reveal-js/#/
    https://github.com/hakimel/reveal.js

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Août 2005
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 11
    Par défaut
    Un diaporama d'images en PNG et changement du background lors de la transition. Merci pour ta réponse, cela m'a l'air effectivement très complet et répond à mon besoin.
    Malheureusement le script utiliser la balise <section> qui est en HTML5 et je suis en HTML4 transitionnal.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    je suis en HTML4 transitionnal
    Quelle drôle d'idée...
    Passer à un doctype HTML5 est facile et sans danger !

    Sinon, qu'est ce qui t'empêche de remplacer les balises <section> par des balises <div> ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Août 2005
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 11
    Par défaut
    Je vais donc suivre vos conseils avisés et passer en HTML5.
    Merci encore pour votre aide !

  6. #6
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par défaut
    Si ce sont des images, reveal n'est peut-être pas le meilleur choix. Tu devrais plus orienter tes recherches vers le terme gallery

    Je te conseille http://galleria.io/, il est très flexible et tu peux facilement le mettre en pleine largeur.

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Août 2005
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 11
    Par défaut
    En fait, il s'agit de <DIV> avec une image en background, cela me permet d'ajouter du code HTML devant les images. Je suis en train de regarder reveal.js, cela semble effectivement complet mais un peu compliqué pour mon simple besoin (grunt.js ?). Si personne ne connait un autre script JS alors je continue sur reveal.js.

    Merci pour vos réponses !

Discussions similaires

  1. Placement d'une div full width
    Par VinceDP dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 01/04/2015, 13h16
  2. Image (centrées) pleine largeur sans redimensionnement
    Par __fabrice dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 18/06/2012, 20h49
  3. Réponses: 1
    Dernier message: 23/04/2012, 13h48
  4. Afficher un état en pleine largeur
    Par gladiamax dans le forum IHM
    Réponses: 1
    Dernier message: 26/07/2010, 14h50
  5. Image pleine largeur
    Par cobby dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 12/11/2008, 22h22

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