Slideshow with local images

Animation
1

Hello to everyone. I found this example in the forum and it is very useful. I see that the images of the slideshow are on the internet. How could I have the pictures locally from my resource folder? I am uploading a sample....





p.s my knowledge of coding is very small....
slideshow_pb_replica.hype.zip (483.0 KB)

2

Just use the variable for the resource folder: ${resourcesFolderName}

Your inner HTML will look like:

	<div id="slides">
  <a class="slide" href="#link01">
    <span class="animate right" style="background-image: url(${resourcesFolderName}/image1.jpg)"></span>
    <div class="static-content"><h1></h1></div>
  </a>
  <a class="slide" href="#link02">
    <span class="animate in" style="background-image: url(${resourcesFolderName}/image2.jpg)"></span>
    <div class="static-content"><h1></h1></div>
  </a>
</div>

slideshow_pb_replica_local.hype.zip (483.4 KB)

1 Like
3

Thanks Bro...it works perfectly!

1 Like