//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
Dobrý den, chtěla bych se zeptat proč mi nefungují obrázky.. Asi mám nějakou špatnou cestu k nim, ale sama nevím.
Zkusil jsem:
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { margin: 0; font-family: Arial; } /* The grid: Four equal columns that floats next to each other */ .column { float: left; width: 25%; padding: 10px; } /* Style the images inside the grid */ .column img { opacity: 0.8; cursor: pointer; } .column img:hover { opacity: 1; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* The expanding image container */ .container { position: relative; display: none; } /* Expanding image text */ #imgtext { position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px; } /* Closable button inside the expanded image */ .closebtn { position: absolute; top: 10px; right: 15px; color: white; font-size: 35px; cursor: pointer; } </style> </head> <body> <div style="text-align:center"> <h2>Gallery</h2> <p>Click on the images below:</p> </div> <!-- The four columns --> <div class="row"> <div class="column"> <img src="Forest.jpg" alt="Nature" style="width:100%" onclick="myFunction(this);"> </div> <div class="column"> <img src="Snow.jpg" alt="Snow" style="width:100%" onclick="myFunction(this);"> </div> <div class="column"> <img src="Mountains.jpg" alt="Mountains" style="width:100%" onclick="myFunction(this);"> </div> <div class="column"> <img src="City.jpg" alt="City" style="width:100%" onclick="myFunction(this);"> </div> </div> <div class="container"> <span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> <img id="expandedImg" style="width:100%"> <div id="imgtext"></div> </div> <script> function myFunction(imgs) { var expandImg = document.getElementById("expandedImg"); var imgText = document.getElementById("imgtext"); expandImg.src = imgs.src; imgText.innerHTML = imgs.alt; expandImg.parentElement.style.display = "block"; } </script> </body> </html>
Chci docílit: Potřebuji tam načíst obrázky
Ano, na 100% máš jen špatně cesty k obrázkům
Můžu zeptat kam se mají dát ty obrázky?
Aha už to mám.. Děkuju za odpověď
Zobrazeno 4 zpráv z 4.