Menu icon Foundation
Orbit slider first picture doesn't come up

Hi, here's my code:

<ul class="example-orbit" data-orbit data-options="animation:slide;pause_on_hover:false;animation_speed:700;timer_speed: 5000;navigation_arrows:false;bullets:true;timer:true;slide_number:false;fluid: Aspect Ratio;">
    
<li><img src="img/pic1.jpg" /></li>    
<li><img src="img/pic2.jpg" /></li>
<li><img src="img/pic3.jpg" /></li>

</ul> 
            

         

For some reason, the first image doesn't come up. I tried to swap it, etc, but it still doesn't work. That means the problem is not with the image itself. By the way, it does come up when the website is in localhost, but doesn't come up when it's hosted. What can be the problem?

Thanks!

FoundationOrbitfirstimagenotworking

Hi, here's my code:

<ul class="example-orbit" data-orbit data-options="animation:slide;pause_on_hover:false;animation_speed:700;timer_speed: 5000;navigation_arrows:false;bullets:true;timer:true;slide_number:false;fluid: Aspect Ratio;">
    
<li><img src="img/pic1.jpg" /></li>    
<li><img src="img/pic2.jpg" /></li>
<li><img src="img/pic3.jpg" /></li>

</ul> 
            

         

For some reason, the first image doesn't come up. I tried to swap it, etc, but it still doesn't work. That means the problem is not with the image itself. By the way, it does come up when the website is in localhost, but doesn't come up when it's hosted. What can be the problem?

Thanks!

FoundationDeck over 4 years ago

Are you using a linux host? If so ensure that the image name is all lower case on the linux file system and is the same case in your code, also ensure that you have uploaded the image to the server. If it works locally then it can't be something wrong with your code.