Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

HelloWebFree html image not work

K1K1

K1K1

macrumors newbie
Original poster
Jul 19, 2017
18
2
When I put html for a picture, it will not show me a manual slideshow gallery. It looks like this:
Slika zaslona 2018-03-11 u 16.14.10.png

<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<h2 class="w3-center">Manual Slideshow</h2>

<div class="w3-content w3-display-container">
<img class="mySlides" src="_DSC0356.JPG" style="width:100%">
<img class="mySlides" src="_DSC0620.JPG" style="width:100%">
<img class="mySlides" src="_DSC0082.JPG" style="width:100%">
<img class="mySlides" src="_DSC0240.JPG" style="width:100%">

<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
</div>
 
K1K1 said:
When I put html for a picture, it will not show me a manual slideshow gallery. It looks like this:View attachment 754011
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>

<h2 class="w3-center">Manual Slideshow</h2>

<div class="w3-content w3-display-container">
<img class="mySlides" src="_DSC0356.JPG" style="width:100%">
<img class="mySlides" src="_DSC0620.JPG" style="width:100%">
<img class="mySlides" src="_DSC0082.JPG" style="width:100%">
<img class="mySlides" src="_DSC0240.JPG" style="width:100%">

<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
</div>
Click to expand...
Do you have a separate folder for the images or are the images in the same project folder? If the former is the case you need to reference the images appropriately like so:
HTML: 
<img src="img/image.jpg" alt="an image" />
See https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_URL for details
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back