responsive website template - Forum

Forum Navigation
You need to log in to create posts and topics.

responsive website template

hi, I am trying to substitute my own images with the images of the slider in this template but failed. what can I do to use my local images? the HTML is this :<img src="https://placehold.it/1200x500./d57ddd/ffffff&text=1200x500" alt="Image description" alt="Image description.">

thank you

Hi @kazem, you do not attach any template. Wich one are you talking about?

hi, This is the app you uploaded in https://visualneo.com/forum/topic/responsive-website-template/ .

i want to change the image in slider:

<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="https://placehold.it/1200x500/d57ddd/ffffff&text=1200x500" alt="Image description" alt="Image description.">
<div class="carousel-caption">
<h2>Image 1 Title</h2>
<h4>Image 1 subtitle</h4>
</div>
</div>

where is the( placehold.it)?

can I use local images or not?

thanks

Hi @kazem, of course you can add your own images:

  1. Add the images to Project > Properties > Libraries/Files
  2. Change the slider HTML code so each image HTML tag looks like this:
    <img src="./img/imagename.jpg" alt="Image description.">
  3. Compile the project

Note that images will not be visible until you compile the project.

I have udated the samples here, please take a look:
https://visualneo.com/forum/topic/responsive-website-template/

Regards.

 

Thank you so much. It seems the images must be the same size. What if the images are in different sizes? can they be even in the middle of the page(slider)?

thanks.

@kazem I don't think so. Anyway this is the Built-in BootStrap Carousel. You can find more information and samples here:

https://www.w3schools.com/bootstrap/bootstrap_carousel.asp

Regards.

kazem has reacted to this post.
kazem