Probleme carousel

Bonjour

j essaie de mettre sa http://owlgraphic.com/owlcarousel/demos/images.html il a que 3 choses a mettre chose faites (voir source de ma page test) j arrive encore a avoir sa ... http://testgaming.over-blog.com/

3 réponses

Résumé de la discussion

L’intégration d’Owl Carousel sur une page OverBlog présente un problème d’affichage des éléments et de non-interprétation du script malgré l’exemple fourni. Plusieurs réponses indiquent qu’il faut placer le JavaScript dans la section head (et non entre les balises style), et s’assurer que le HTML contient bien les balises et les divs requis pour Owl Carousel (#owl-demo, .item). Des conseils précisent aussi de séparer le CSS et d’insérer le code concerné dans le fichier CSS ou dans une balise style bien placée, afin que le script s’exécute après le chargement du DOM. En cas de limites techniques d’OverBlog, certains évoquent l’utilité de modifier le thème ou de recourir à une plateforme alternative comme Blogger ou WordPress pour gagner en flexibilité.

Bobot (l’IA à votre service)
  1. oui chose corrigé aussi mais malheuresement toujours pareil :/
    0
    1. Contributeur
      Je ne pense pas que ça pose problème, mais je préférerais que le CSS lié au carousel :

      <style>      
            /********************************
                    Carousel
       ********************************/
      
          #owl-demo .item{
              margin: 3px;
          }
          #owl-demo .item img{
              display: block;
              width: 300px;
              height: 200px; 
          }
      </style>


      soit intégré au CSS de base de la page, c'est à dire, que tu colles ce CSS, sans les balises <style> </style> :

            /********************************
                    Carousel
       ********************************/
      
          #owl-demo .item{
              margin: 3px;
          }
          #owl-demo .item img{
              display: block;
              width: 300px;
              height: 200px; 
          }


      dans le code CSS, par exemple, après ceci :

                /********************************
                          Surcharge Ob
                  ********************************/
                  .ob-section {
                      max-width: 600px;
                  }
                  
                  .ob-section a {
                      text-decoration: underline;
                  }
                  
                  .ob-media.ob-video iframe {
                      width: 600px;
                  }


      et avant la balise de fermeture </style>
      0
    2. @dugenoumerci pour vos précisions

      chose faites malgres que sa reste la même chose
      0
    3. Contributeur
      @Utilisateur anonymeC'est malheureusement ce que je redoutais, mais le code de ta page est plus propre.

      Maintenant, il faut trouver ce qui bloque ton script.
      0
    4. @dugenououi c'était une image de test jai passer par un hebergeur jai deja eu un blog over blog et javais pas de probleme d'image.

      peu etre que les infos sur la page d'accueil peuvent vous aider

      http://owlgraphic.com/owlcarousel/index.html
      0