Partage
  • Partager sur Facebook
  • Partager sur Twitter

VSCode ajout image

Sujet résolu
    3 février 2020 à 10:54:27

    Bonjour, 

    je veux ajouter une NavBar dans mon code, je l'ai mis dans base.html.twig : 

    Ceci est un extrait pris de Bootstrap, à la cinquième ligne, dans la source, comment dois-je mettre mon image ? Est-ce que je dois le mettre dans le dossier avec le projet, ou même en dehors, ça marcherait ? 

    <!-- Just an image --> <nav class="navbar navbar-light bg-light"> <a class="navbar-brand" href="#"> <img src="/docs/4.4/assets/brand/bootstrap-solid.svg" width="30" height="30" alt=""> </a> </nav>
    • Partager sur Facebook
    • Partager sur Twitter
      3 février 2020 à 15:57:17

      Bonjour,

      Pour éviter tout problème de chemin sur twig, tu peux utiliser la fonction asset pour aller directement dans ton dossier public

      Donc met tes images dans un dossier images qui sera lui même dans le dossier public

      Puis tu fais : 

      <img src="{{asset('images/monImage.jpg')}}">
      • Partager sur Facebook
      • Partager sur Twitter

      Postez votre code et vos msg d'erreurs - "ça marche pas" n'est pas un message d'erreur ...

        4 février 2020 à 10:13:44

        Mehddii a écrit:

        Bonjour,

        Pour éviter tout problème de chemin sur twig, tu peux utiliser la fonction asset pour aller directement dans ton dossier public

        Donc met tes images dans un dossier images qui sera lui même dans le dossier public

        Puis tu fais : 

        <img src="{{asset('images/monImage.jpg')}}">

        Merci bcp de ta réponse, finalement, j'avais réussi, mais je ne me souviens plus pourquoi je n'y arrivais pas. Mais l'asset m'aidera pour le futur ;) merci
        • Partager sur Facebook
        • Partager sur Twitter
          4 février 2020 à 11:16:01

          Sans soucis :)

          La fonction asset est faite pour ça : éviter la prise de tête au niveau des chemins car sinon on peut très vite se retrouver à faire :

          ../../../../../../../public/images/monImage.png

          Pas très pratique hein ^^

          • Partager sur Facebook
          • Partager sur Twitter

          Postez votre code et vos msg d'erreurs - "ça marche pas" n'est pas un message d'erreur ...

          VSCode ajout image

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          • Editeur
          • Markdown