Can't get path to image in HTML

Question

Alright, I have a file named slider.php which contains a bootstrap slider and I'm inserting pictures inside the slider but I can't figure out the correct way of writing the path to the pictures

<div class="carousel-inner">
  <div class="item active">
      <img class="slide-image" src="" alt="">
  </div>
  <div class="item">
      <img class="slide-image" src="" alt="">
  </div>
  <div class="item">
      <img class="slide-image" src="" alt="">
  </div>

The slider.php is in this location ecomcopy/resources/front/slider.php and the pictures are in ecomcopy/resources/img/

I tried everything and I can't get the correct pictures path

Can someone help?

Answer 1

The way paths work is to go "up" to parent folders until you're at a common ancestor. Then go back down naming folders until you get to the file you're referencing.

ecomcopy/resources/front/slider.php
ecomcopy/resources/front/            (start)
ecomcopy/resources/                  (up 1) ../
ecomcopy/resources/templates/        (down to folder) templates/
ecomcopy/resources/templates/img/    (down to folder) img/
ecomcopy/resources/templates/img/yourimage.png
                                     (down to file) yourimage.png

result: ../templates/img/yourimage.png

Answer 2

应该是../../img/image_name.png

Answer 3

It would be much easier (at least on a live server setting) to just specify absolute paths for your URLs.

For example, the following HTML is all that is needed to serve your images:

<img src="/ecomcopy/resources/templates/img/yourimage.png" />

There is no real need to worry about complicated relative file paths.