Probleme carousel

Fermé

Écran

Utilisateur anonyme - 10 déc. 2016 à 20:55
dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 - 12 déc. 2016 à 18:25

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/

A voir également:

Fond d'écran carousel
Fond d'ecran carousel - Forum Xiaomi
Fond d'écran à mon carousel ✓ - Forum Webmastering
Double ecran - Guide
Problème fond d'ecran de verrouillage sur Xiaomi mi 8 lite ✓ - Forum Xiaomi
Défilement photo écran de verrouillage que Xiaomi - Forum Xiaomi

3 réponses

Réponse 1 / 3

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
Modifié par dugenou le 11/12/2016 à 08:49

Bonjour,

Je ne sais pas si Over-Blog permet l'insertion de code HTML ou de code JavaScript, et la modification du fichier "ob-style.css", comme il est possible de le faire chez Blogger de Google, par exemple.

De toutes manières, OverBlog est loin d'être la meilleure plate-forme de blog, ou la moins pire.

Je ne les connais pas toutes et encore moins testées, mais je pense que Blogger ou WordPress.com offrent plus de possibilités. J'aime bien aussi blog.free.fr parce qu'elle utilise DotClear comme moteur de blog.

De plus, Blogger et blog.free.fr n'imposent aucune publicité et sont entièrement gratuites, sans limitation.

Après quelques recherches, il semble être possible de modifier le thème d'un blog OverBlog par "Gérer - Thème - Éditer". Mais je ne retire pas le reste de mon commentaire ;-)

Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.

Utilisateur anonyme
11 déc. 2016 à 14:23

je siuis d'accord avec vous mais je suis chez overblog depuis 5ans et avec 600.000 visites partir autre part serai un peu comme repartir a zero lol mais oui je sais ou comment modifier le html etc ^^ mais cest surtout que jai mis les 3 code donné par le site mais sa ne fonctionne pas http://owlgraphic.com/owlcarousel/demos/images.html mais qui donne http://testgaming.over-blog.com/

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Utilisateur anonyme
11 déc. 2016 à 16:19

Il faut insérer le code HTML dans la partie <body> de ta page :

<div id="owl-demo">
              
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
      <div class="item"><img src="" alt="Owl Image"></div>
     
    </div>

Tu as bien inséré dans la partie <style> de ta page :

  #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

En revanche, le JavaScript ne doit pas être dans la partie <style>, mais dans la partie <body> (éventuellement, dans la partie <head>) :

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]
      });

    });
    </script>

Réponse 2 / 3

Utilisateur anonyme
12 déc. 2016 à 16:04

il n'est entouré que de <script> regarder

DerkoFR Messages postés 504 Date d'inscription vendredi 7 novembre 2014 Statut Membre Dernière intervention 5 janvier 2017 74
Modifié par DerkoFR le 12/12/2016 à 16:13

C'est normal un <script> dans du CSS ?
C'est du grand n'importe quoi... ton script insert le entre <head> & </head>........

Utilisateur anonyme > DerkoFR Messages postés 504 Date d'inscription vendredi 7 novembre 2014 Statut Membre Dernière intervention 5 janvier 2017
12 déc. 2016 à 16:19

modifié a l'instant( aucun changement) ..

nous sommes sur un forum c'est normal qu'il a des erreurs sinon les forum d'entre aides n'existerai pas)

une solution est plus sympa qu'un jugement, je serai un "pro" je ne serai pas ici merci

DerkoFR Messages postés 504 Date d'inscription vendredi 7 novembre 2014 Statut Membre Dernière intervention 5 janvier 2017 74
Modifié par DerkoFR le 12/12/2016 à 16:22

Désolé pour la réponse négative..

ton script insert le entre <head> & </head>

Alexandre

Utilisateur anonyme > DerkoFR Messages postés 504 Date d'inscription vendredi 7 novembre 2014 Statut Membre Dernière intervention 5 janvier 2017
12 déc. 2016 à 16:24

il n'y a pas de mal merci a toi pour ton attention .

je viens de le modifié sur le code est ce correct ?

merci
cordialement

DerkoFR Messages postés 504 Date d'inscription vendredi 7 novembre 2014 Statut Membre Dernière intervention 5 janvier 2017 74
Modifié par DerkoFR le 12/12/2016 à 16:27

Il faudrait peut être le code :)

EDIT : c'est pas dans le .CSS qui faut mettre le script, juste dans ta page en .html / .php entre les balises <head> </head>

Réponse 3 / 3

Utilisateur anonyme
12 déc. 2016 à 17:27

oui chose corrigé aussi mais malheuresement toujours pareil :/

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
12 déc. 2016 à 17:35

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>

Utilisateur anonyme > dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021
12 déc. 2016 à 17:51

merci pour vos précisions

chose faites malgres que sa reste la même chose

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Utilisateur anonyme
12 déc. 2016 à 17:54

C'est malheureusement ce que je redoutais, mais le code de ta page est plus propre.

Maintenant, il faut trouver ce qui bloque ton script.

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021
12 déc. 2016 à 18:06

C'est peut-être l'adresse de tes images qui pose problème :

http://www.hurluberlu.fr/wp-content/uploads/2013/12/agnes-zee-blogger-photo-geek-shoot-model-new-sexy.jpg

Il faudrait essayer en mettant cette image dans un dossier de ton blog et en changeant ensuite le nouveau chemin de ton image, bien qu'elle s'affiche sans problème ailleurs dans la page.

Utilisateur anonyme > dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021
12 déc. 2016 à 18:16

oui 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

Discussions similaires