Images slider worden niet getoont op de server.

[MickealL]

Hallo,

Kort gelden een website online gezet alleen worden de images van de slider niet weergeven op de server.
Als ik de index.html open op mijn pc word de slider perfect weergeven maar zodra ik hem upload naar de server zijn er geen images.

Alles staat keurig netjes in mappen:

Bestanden website staan in--> httpdocs/nieuw
Images staan in--> httpdocs/nieuw/image

script is als volgt:

<!-- SLIDER
================================================== -->
<div id="ei-slider" class="ei-slider">
<ul class="ei-slider-large">
<li>
<img src="image/slide1.png" alt="" class="">
<!--<div class="ei-title">
<h2>Heerlijke verse vis</h2>
<h3>Bereid op de texelse manier</h3>
</div>!-->
</li>
<<li>
<img src="image/slide2.png" alt="image02" class="responsiveslide">
<!--<div class="ei-title">
<h2>Fantastische desserts</h2>
<h3>Lekkere en prachtige nagerechten</h3>
</div>!-->
</li>
<li>
<img src="image/slide3.png" alt="image03" class="responsiveslide">
<!--<div class="ei-title">
<h2>Tesselse gerechten</h2>
<h3>Bereid zelf tesselse gerechten</h3>
</div>!-->
</li>
<li>
<img src="image/slide4.png" alt="image04" class="responsiveslide">
<!--<div class="ei-title">
<h2>Haven hotel texel oudeschild</h2>
<h3>Proef en beleef tessel</h3>
</div>!-->
</li>
<li>
<img src="image/slide5.jpg" alt="image05" class="responsiveslide">
<!--<div class="ei-title">
<!--<h2>Dare h2>
<h3>refuse</h3>
</div>!-->
</li>
<li>
<img src="image\slide6.jpg" alt="image06" class="responsiveslide">
<!--<div class="ei-title">
<h2>Dare to</h2>
<h3>give</h3>
</div>!-->
</li>
<li>
<img src="image\slide7.jpg" alt="image07" class="responsiveslide">
<!--<div class="ei-title">
<!--<h2>Dare to</h2>
<h3>receive</h3>
</div>!-->
</li>
<li>
<img src="image\slide8.jpg" alt="image08" class="responsiveslide">
<!--<div class="ei-title">
<h2>Dare to </h2>
<h3>Love</h3>
</div>!-->
</li>
<li>
<img src="image\slide9.jpg" alt="image09" class="responsiveslide">
<!--<div class="ei-title">
<h2>Dare to</h2>
<h3>Forgive</h3>
</div>!-->
</li>
<li>
<img src="image\slide10.jpg" alt="image10" class="responsiveslide">
<!--<div class="ei-title">
<h2>Stand up & </h2>
<h3>Live</h3>
</div>!-->
</li>
</ul>
<!-- slider-thumbs -->
<ul class="ei-slider-thumbs">
<li class="ei-slider-element">Current</li>
<li><a href="#">Slide 1</a><img src="image/slide1.png" class="slideshowthumb" alt="thumb01"/></li>
<li><a href="#">Slide 2</a><img src="image/slide2.png" class="slideshowthumb" alt="thumb02"/></li>
<li><a href="#">Slide 3</a><img src="image/slide3.png" class="slideshowthumb" alt="thumb03"/></li>
<li><a href="#">Slide 4</a><img src="image/slide4.png" class="slideshowthumb" alt="thumb04"/></li>
<li><a href="#">Slide 5</a><img src="image/slide5.jpg" class="slideshowthumb" alt="thumb05"/></li>
<li><a href="#">Slide 6</a><img src="image/slide6.jpg" class="slideshowthumb" alt="thumb06"/></li>
<li><a href="#">Slide 7</a><img src="image/slide7.jpg" class="slideshowthumb" alt="thumb07"/></li>
<li><a href="#">Slide 8</a><img src="image/slide8.jpg" class="slideshowthumb" alt="thumb08"/></li>
<li><a href="#">Slide 9</a><img src="image/slide9.jpg" class="slideshowthumb" alt="thumb09"/></li>
<li><a href="#">Slide 10</a><img src="image/slide10.jpg" class="slideshowthumb" alt="thumb10"/></li>
</ul>
</div>
<div class="minipause">
</div>


Alle reacties zijn welkom!
Alvast bedankt!

 

[Aar]

httpdocs/nieuw/images

en

<img src="image/slide1.png" class="slideshowthumb" alt="thumb01"/>

Zoek de verschillen...

 

[MickealL]

Dat is een typfoutje in deze post, map heet image.

Probleem is nog niet opgelost dus

 

[MickealL]

PROBLEEM OPGELOST!

Server is hoofdletter gevoelig

In de code was het slide1.png en de naam van de image was Slide1.png

Toch bedankt