Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

YOLOfar

Circle Member
  • Content Count

    3
  • Joined

  • Last visited

  1. I made a small edit to the existing thumbnail and re-uploaded, and it fails like this. The small preview works, but the image doesn't show when saving. I made sure it is the exact same size in pixels as the old one. Anyone know what to do? Does it have to be a super specific size or something? It should not really matter, since I used the same size, but I have got it to work by trial and error and trying many different sizes, but can't seem to find a pattern.
  2. I know a bit, and am struggling to learn more 😅. Thanks so much 🌻! This is the code I use for the gallery. Anything you would be able to suggest based on this? <!DOCTYPE html> <html> <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"> <style> .mySlides {display:none;} </style> <body> <div class="w3-content w3-display-container"> <img class="mySlides" src="https://images.com/car.jpg" style="width:100%"> <img class="mySlides" src="https://images.com/cat.jpg" style="width:100%"> <img class="mySlides" src="https://images.com/apple.jpg" style="width:100%"> <img class="mySlides" src="https://images.com/hat.jpg" style="width:100%"> <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button> <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button> </div> <script> var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} ; for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } x[slideIndex-1].style.display = "block"; } var slideIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } slideIndex++; if (slideIndex > x.length) {slideIndex = 1} x[slideIndex-1].style.display = "block"; setTimeout(carousel, 4000); // Change image every 4 seconds } </script> </body> </html>
  3. Hey, I'm setting up a website, and I use code blocks for some features I can't build on the platform. For instance I found a gallery that works better on mobile, so I want to use that. It works fine with one, but when I insert two on the same page, they somehow conflict with each other, so only one works. The same thing happens, when I use two very different code blocks, something in one of them seems to conflict with the other one. Any good pieces of advice for how to handle this? Maybe rename some identical elements there might be across the blocks, so names become unique? Other tips?
×
×
  • Create New...