Forum : Caroussel

Tu ne donne pas assez d'information pour obtenir de l'aide. Il faut que tu donne les erreurs, et sur qu'elle partie du code tu bloque (pas juste le code en espérant que l'on devine) désolé.

Patrick45

Auteur

Bonjour,

Donner les erreurs ?, une personne m'a créé ce carousel, auparavant il tourné seul à l'infini, maintenant les images sont statiques les unes à côté des autres. J'ai commencé à regarder tes tutos, mais je n'en suis qu'au début.
Dans quel répertoire, sous-répertoire, je peux trouver ce carousel ?

Aashan

Bonjour Patrick,
La encore tu ne donnes pas suffisament d'informations. Comment pouvons nous répondre à la question alors que nous ne connaissont pas l'arborescence de ton projet...

Pour trouvez les erreurs, commence par regarder dans la console de ton navigateur. Le javascript n'est surement pas chargé.

Patrick45

Auteur

Bonjour,

J'ai regardé dans la console de mon navigateur, et :

(index):547 Uncaught ReferenceError: Carousel3d is not defined
at (index):547

???

Aashan

Donc c'est bien ça, l'objet Carousel3D n'est pas defini. Donc il ne peut pas executer le code. Il faut chercher de ce côté là

Patrick45

Auteur

Voici une copie de head et de body

<!DOCTYPE html>

<html lang="fr" class="no-js">

    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <title>DLP Formations</title>

        <meta name="description" content="Formez vos employés dans l'industrie ou la chimie et restez compétitifs !">
        <meta name="keywords" content="Formation, CQP, Evaluateur, Industrie, Chimie, Consultant RH, Formation professionnelle, Diplomes, Savoir-faire">
        <link rel="shortcut icon" type="image/x-icon" href="img/im2.png" />

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
        <!-- <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css"> -->
        <!-- <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> -->
        <link href="css/animate.css" rel="stylesheet" type="text/css">
        <link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/layout.css" rel="stylesheet" type="text/css"/>

        <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.textillate.js"></script>
        <script type="text/javascript" src="js/jquery.lettering.js"></script>
        <script type="text/javascript" src="vendor/jquery.min.js"></script>
        <script type="text/javascript" src="vendor/jquery-migrate.min.js"></script>
    </head>

Curvata

Bonsoir Patrick,

je ne vois pas le fichier "JS" qui gère ton Carousel ou le script.

Tu dois certainement encore avoir des éléments en bas de page.

Grafikart

si tu veux copier beaucoup de code utilise plutôt https://paste.mozilla.org/ ou jsfiddle (ne copie pas ici la totalité de la page HTML)

Aashan

J'ai été voir sur ton site, l'url de la lib n'existe plus.
Je te conseil de l'intégré via npm. La doc vue-carousel-3d

Normalement ca devrait ressembler à ca.


import { Carousel3d, Slide } from 'vue-carousel-3d';
new Vue({
  el: '#carousel3d',
   data: {
     slides: 33
   },
  components: {
      Carousel3d,
      Slide
    }
})

Patrick45

Auteur

Bonjour,

Si je comprends bien, tu demandes d'intégrer par npm l'url, c'est à dire la page de code que tu as écrit ci-dessus ?

Si je fais copier coller cela fonctionnera ?

Merci pour ton aide.

Curvata

Le lien vers la librairie "vue carousel 3d" est obselète donc il faut l'intégrer dans ton projet via npm install -S vue-carousel-3d ensuite tu remplacera ton code de la ligne 540...551 par celui de Aashan.

Patrick45

Auteur

Bonjour,

Je suis néophite dans vos domaines, "...intégrer dans ton projet via npm install-S vue-carousel-3d...?je dois télécharger quelquechose, que dois-je faire ? Placer un code ?

La deuxième partie du message est comprise.

Merci encore une fois.

Aashan

Vuejs quand on est neophite c'est pas le mieux x)

En gros il faut télécharger la librarie via le gestionnaire de package npm. En ligne de commande dans ton projet tu tapes : npm install vue-carousel-3d une fois que ca c'est fait tu modifie le code comme envoyé plus haut.

ps: il faut bien sur avoir installé node sur ton pc pour pouvoir executer la commande.

Curvata

On ne s'improvise pas développeur si on ne connait strictement rien en la matière, on fait appel à un professionnel et on n'attend pas que le code tombe du ciel, moi par exemple je ne m'y connais pas en mécanique et si j'ai un problème qui me dépasse je fais appel à un pro.

Patrick45

Auteur

Bonsoir,

Je vous remercie pour cette dernière réponse.

Effectivement on ne s'improvise pas développeur.

Je vous souhaite une bonne continuation.

Caroussel

13 réponses