Probleme carousel

Écran

Utilisateur anonyme -
dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention - 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/

Afficher la suite

A voir également:

Comment mettre un fond d'écran carousel
Fond d'écran carousel - Forum Xiaomi
Comment mettre une vidéo en fond d'écran - Guide
Double ecran - Guide
Enlever les fond d'ecran carousel auto du tel XIAMI 14 - Forum Xiaomi
Impossible de changer mon fond d'écran Redmi Note 9 ✓ - Forum Xiaomi

3 réponses

Réponse 1 / 3

dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention 1 452

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

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 Statut Contributeur Dernière intervention 1 452 > Utilisateur anonyme

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

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

DerkoFR Messages postés 505 Date d'inscription Statut Membre Dernière intervention 74

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 505 Date d'inscription Statut Membre Dernière intervention

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 505 Date d'inscription Statut Membre Dernière intervention 74

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

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

Alexandre

Utilisateur anonyme > DerkoFR Messages postés 505 Date d'inscription Statut Membre Dernière intervention

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 505 Date d'inscription Statut Membre Dernière intervention 74

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

oui chose corrigé aussi mais malheuresement toujours pareil :/

dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention 1 452

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 Statut Contributeur Dernière intervention

merci pour vos précisions

chose faites malgres que sa reste la même chose

dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention 1 452 > Utilisateur anonyme

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 Statut Contributeur Dernière intervention 1 452 > dugenou Messages postés 6087 Date d'inscription Statut Contributeur Dernière intervention

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 Statut Contributeur Dernière intervention

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

Avoir une vignette d'un site dans page de démarrage Windows 10

mon iphone devient fou

Avis site ecrans-direct.fr

huawei ecran de verrouillage ou couverture

Agrandir police de lecture a l'écran

Ecran VGA sur Pc HDMI

Votre réponse

Discussions similaires