slide show jquery avec effet de fondu

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par brazil, 13 Août 2013.

  1. brazil
    brazil WRInaute discret
    Inscrit:
    22 Septembre 2012
    Messages:
    88
    J'aime reçus:
    0
    Bonjour,

    je n'arrive pas à créer un diaporama avec effet de fondu pour quelques images

    si vous auriez du code jquery simple à me proposer

    je crois qu'il faut du css et du javascript mais je trouve pas un exemple simple qui fonctionne

    je pense qu'il faut une fonction fade in et fade out

    en vous remerciant
     
  2. Koxin-L.fr
    Koxin-L.fr WRInaute passionné
    Inscrit:
    15 Janvier 2012
    Messages:
    1 879
    J'aime reçus:
    6
    Il existe des centaines de scripts gratuits trouvables avec ton meilleur ami, GG.
     
  3. brazil
    brazil WRInaute discret
    Inscrit:
    22 Septembre 2012
    Messages:
    88
    J'aime reçus:
    0
    je suis largué en codage

    j'en ai trouvé mais j'arrive pas à les adapter donc à entrer dans le code et changer les données

    ce serait sympa qu'on me donne une fonction fade in fade out avec le <script> ou je puisse insérer le nom de mes images

    en vous remerciant
     
  4. nickargall
    nickargall WRInaute accro
    Inscrit:
    13 Juin 2005
    Messages:
    6 601
    J'aime reçus:
    4
    BIen sur, tu peux nous donner les codes FTP de ton site pour qu'on t'en installe un ?
    Bon je plaisante bien sur, mais pour coder un minimum, faut savoir coder un minimum; des sites sur JQuery et des diaporamas, yen a des tonnes et avec autant d'explications que possible.

    Sinon, faut pas coder soi même, et choisir plutôt d'utiliser Wordpress et chercher les plugins déjà prêts. Et on peut obtenir de très bons sites comme ça.
     
  5. ARcom
    ARcom Nouveau WRInaute
    Inscrit:
    30 Juillet 2012
    Messages:
    26
    J'aime reçus:
    0
    Bonjour,

    J'ai fait un truc du genre sur http://www.vert-tige-fleurs.ch.

    Il est tout simple à utiliser : 1 fichier js, 1 <div> à mettre dans ton html, la possibilité de paramétrer la hauteur et la largeur de tes images. Pour les images, il suffit de mettre tes images sous la forme 1.jpg, 2.jpg, 3.jpg, ... dans un dossier défini, le script s'occupe de constituer automatiquement le diaporama en récupérant les images dans le dossier, c'est donc tout simple de rajouter/supprimer des images (sans passer par le code, juste en mettant à jour les images dans le dossier).

    Il faudrait l'adapter un peu c'est tout.
     
  6. brazil
    brazil WRInaute discret
    Inscrit:
    22 Septembre 2012
    Messages:
    88
    J'aime reçus:
    0
    bonjour,

    je te remercie ARcom en effet je cherche ce style d'animation

    pour la balise <div> que je dois insérer est ce celle la :
    <div id="visionneuse" class="index_8"></div>

    est ce que je dois créer des styles css correspondants au script et à la balise div
    donc un css pour la visionneuse
    #visionneuse {
    position: relative;
    float: left;
    width: 685px;
    height: 300px;
    margin: 0 0 20px 0;
    }

    et un css pour la classe index_8
    que je n'ai pas trouvé dailleurs

    merci pour tes infos
     
  7. ARcom
    ARcom Nouveau WRInaute
    Inscrit:
    30 Juillet 2012
    Messages:
    26
    J'aime reçus:
    0
    Pas de soucis, mais on va continuer la discussion en MP si ça ne te dérange pas.
     
Chargement...
Similar Threads - slide show jquery Forum Date
WordPress, Plugin Nexgen Gallery et Problème de bordure en CSS avec le Slideshow de NG Développement d'un site Web ou d'une appli mobile 9 Septembre 2014
slideshow Développement d'un site Web ou d'une appli mobile 27 Janvier 2012
Slideshow avec boutons liens Développement d'un site Web ou d'une appli mobile 3 Septembre 2010
Slideshow Flash et indexation d'images Débuter en référencement 29 Juillet 2010
Slide show et référencement Rédaction web et référencement 20 Avril 2010
Inclure un slideshow dans une Page wordpress ? Développement d'un site Web ou d'une appli mobile 19 Mars 2010
Script slideshow pour remplacer celui de wordpress Développement d'un site Web ou d'une appli mobile 18 Janvier 2010
Quel script de slide show pour e-commerce? e-commerce 23 Octobre 2008
Slideshow javascript et SEO Débuter en référencement 5 Septembre 2008
Module joomla slideshow Développement d'un site Web ou d'une appli mobile 3 Septembre 2008
Slideshow en flash pour rotations de titres d'actu Développement d'un site Web ou d'une appli mobile 12 Octobre 2007
Slide show 2.0 pour joomla ,mais ou le trouver? Développement d'un site Web ou d'une appli mobile 23 Août 2007
Slideshow tres performant! Développement d'un site Web ou d'une appli mobile 19 Janvier 2007
Slideshow pour photos Développement d'un site Web ou d'une appli mobile 18 Août 2006
Publier dans SlideShare : risque de duplicate content ? Référencement Google 14 Juillet 2021
Bien baliser une page d'accueil avec un slider Rédaction web et référencement 28 Mai 2018
Slider range jquery + keyup fonction Développement d'un site Web ou d'une appli mobile 26 Février 2018
Poids du contenu dans les sliders en mobile Débuter en référencement 7 Avril 2017
Plugin Wordpress pour ajouter un slide (avec description) au milieu d'un article Développement d'un site Web ou d'une appli mobile 25 Septembre 2015
Slider range avec échelle de lettres Développement d'un site Web ou d'une appli mobile 28 Mai 2015