Wenn ich auf den Slider klicke, dann scrollt es danach nicht mehr nach unten, sondern geht automatisch nach oben. Woran könnte das Problem liegen?

HTML:

<article id="ÜberschriftAnfang">
  <h1>Michael Jackson - The King of Pop</h1>
  
  <!-- Slideshow Container -->
  <div class="slideshow-container">
   
    <!-- Slide 1 -->
    <div class="mySlides fade active" style="display:block">
      <div class="numbertext">1 / 3</div>
      <img src="Background picture.jpg" style="width:100%" alt="Background Image">
    </div>

    <!-- Slide 2 -->
    <div class="mySlides fade">
      <div class="numbertext">2 / 3</div>
      <img src="papers.co.jpg" style="width:100%" alt="Background Image 2">
    </div>

    <!-- Slide 3 -->
    <div class="mySlides fade">
      <div class="numbertext">3 / 3</div>
      <img src="5m6XCzF.jpg" style="width:100%" alt="Background Image 3">
    </div>

    <!-- Navigation Arrows -->
    <a class="prev" onclick="plusSlides(-1)">❮</a>
    <a class="next" onclick="plusSlides(1)">❯</a>

  </div>

  <!-- Dots Navigation -->
  <div style="text-align:center">
    <span class="dot" onclick="currentSlide(1)"></span>
    <span class="dot" onclick="currentSlide(2)"></span>
    <span class="dot" onclick="currentSlide(3)"></span>
  </div>
</article>

JS:

let slideIndex = 1;
showSlides(slideIndex); // Startet die Slideshow und zeigt das erste Bild an.

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  let i;
  let slides = document.getElementsByClassName("mySlides");
  let dots = document.getElementsByClassName("dot");

  // Überprüfen, ob der slideIndex größer als die Anzahl der Slides ist
  if (n > slides.length) {
    slideIndex = 1; // Setze den Index auf 1, wenn er größer ist als die Anzahl der Slides
  }

  // Überprüfen, ob der slideIndex kleiner als 1 ist
  if (n < 1) {
    slideIndex = slides.length; // Setze den Index auf die letzte Slide, wenn er kleiner ist als 1
  }

  // Alle Slides ausblenden
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }

  // Alle Dots zurücksetzen
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }

  // Zeige das aktuelle Bild und Dot
  slides[slideIndex - 1].style.display = "block";  
  dots[slideIndex - 1].className += " active";
}

CSS: siehe Antwort

Hallo zusammen,

ich hoffe hier mal auf schnelle Hilfe und zwar habe ich folgendes Problem,

ich habe eine Slide-Show eingefügt, leider funktioniert sie nicht so ganz. Wenn ich auf die Webseite gehe, werden mir nur die Buttons angezeigt, ohne die Bilder - erst wenn ich auf das Button klicke, kommt die Slideshow bzw. die Bilder zustande.

Kann mir jemand sagen wo das Problem ist ? Chatgpt konnte dabei auch nicht helfen.

Ich schick euch mal den Abschnitt:

HTML:

<article id="ÜberschriftAnfang">
  <h1>Michael Jackson - The King of Pop</h1>
  
  <!-- Slideshow Container -->
  <div class="slideshow-container">


    <!-- Slide 1 -->
    <div class="mySlides fade">
      <div class="numbertext">1 / 3</div>
      <img src="Background picture.jpg" style="width:100%" alt="Background Image">
    </div>


    <!-- Slide 2 -->
    <div class="mySlides fade">
      <div class="numbertext">2 / 3</div>
      <img src="papers.co.jpg" style="width:100%" alt="Image 2">
    </div>


    <!-- Slide 3 -->
    <div class="mySlides fade">
      <div class="numbertext">3 / 3</div>
      <img src="5m6XCzF.jpg" style="width:100%" alt="Image 3">
    </div>


    <!-- Navigation Arrows -->
    <a class="prev" onclick="plusSlides(-1)">❮</a>
    <a class="next" onclick="plusSlides(1)">❯</a>


  </div>


  <!-- Dots Navigation -->
  <div style="text-align:center">
    <span class="dot" onclick="currentSlide(1)"></span>
    <span class="dot" onclick="currentSlide(2)"></span>
    <span class="dot" onclick="currentSlide(3)"></span>
  </div>
</article>

CSS: @font-face {
  font-family: myfirstfont;
  src: url("static/EduAUVICWANTPre-Regular.ttf");
}


/*html*/
html {
 scroll-behavior: smooth;
}


/*body*/


body { 
 
    max-width: 1200px; 
    margin: 0 auto;     
    background-color: #9b0000;
}


/*<header> <nav>*/


.a_href_button1, 
.a_href_button2 {
 
  background-color: grey;
  border: 2.5px solid black;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*Oberste Überschrift und Bilder*/


h1 { 
  
  /*Google Font noch einfügen*/
  font-family: myfirstfont;
  font-size: 75px;
  text-align: center;
}


/* hier beginnt es mit dem Slider Styling*/


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


.active, .dot:hover {
  background-color: #717171;
}


/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}


@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* Slideshow images default styling */
.mySlides {
  display: none; /* Bilder sind standardmäßig unsichtbar */
}


.mySlides.active {
  display: block; /* Nur das aktive Bild wird angezeigt */
}


/*html*/
html {
  scroll-behavior: smooth;
}


/*body*/


body { 
  max-width: 1200px; 
  margin: 0 auto;     
  background-color: #9b0000;
}


/*<header> <nav>*/


.a_href_button1, 
.a_href_button2 {
  background-color: grey;
  border: 2.5px solid black;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}


/*Oberste Überschrift und Bilder*/


h1 { 
  font-family: myfirstfont;
  font-size: 75px;
  text-align: center;
}




#Hintergrundsbild img {
  object-fit: cover; /*Bild wird nicht verzehrt dargestellt*/  
  border-radius: 5px; /* Abgerundete Ecken für die Bilder */  
  display: block; 
  margin: 0;       
  padding: 0;      
}


/* Erste Slide */
#First_Slide {
  display: flex;
  justify-content: center;   
  align-items: center;        
  flex-wrap: wrap;            
  gap: 10px;                   
  margin: 20px;           
}

und JS schicke ich mal als Kommentar, da dies zu lang wäre

Hallo, ich bin 19 Jahre alt. Ich beschäftige mich selbst viel mit Psychologie etc. daher bin ich letztlich auch auf etwas von “meiner Persönlichkeit” gestoßen die mir sehr aufgefallen ist und mich auch stört und woran ich auch arbeiten möchte. Und zwar ist mir aufgefallen das ich selbst gerne richtig neue Freunde kennenlernen möchte ich mich allerdings immer quasi selbst isoliere von Leuten. Ich weiß das mich die Leute mögen und gerne haben und ich bin auch ein relativ offener Mensch und rede immer mit den Leuten egal wo ich bin allerdings ist mir eben wo ich darüber nachgedacht habe aufgefallen das in der Schule, auf der Arbeit oder auch bei so gängigen Freundesgruppen ich mich irgendwie immer alleine fühle oder ich mich selber auch unterbewusst etwas isoliere von den anderen obwohl ich aber gerne dabei wäre und auch von den anderen Sachen kommen. Was ich auch an mir selber gemerkt habe ist eine große Angst dann auch immer das die anderen mich doch nicht mögen, nicht dabei haben wollen etc. obwohl ich an sich weiß dass das nicht stimmt. Woran kann es liegen das ich das habe und was kann ich daran ändern? An eurer Meinung bin ich sehr interessiert und offen für tipps 🤍

Hallo zusammen,

ich würde gerne mit Calisthenics anfangen und bräuchte einige Übungen bzw. einen Plan.

Ich habe dazu sehr viel im Internet gefunden, dass Problem ist nur, dass vieles durchgemischt scheint und ich daher nicht wissen kann; was ich bräuchte bzw. welche Übungen effektiv sind.

Habt ihr einen Trainigsplan, welche Übungen und wie oft.

Ich bräuchte vor allem für den Rücken einige Übungen (v.a. unterer Rücken).

Könnt ihr mir einige gute Rückenübungen nennen

Keine Ahnung wieso das so ist. Mir wurde oft gesagt das ich sehr frech und respektlos bin. Wenn ich anfangs in einer Gruppe bin schaffe ich es mich normal zu verhalten. Aber sobald ich mich eingewöhnt habe, wird es irgendwie so das ich mich aus Sicht von vielen respektlos und frech verhalte. Ich versuche es zu vermeiden aber es passiert irgendwie automatisch. Habt ihr tipps was ich dagegen machen kann ?

Hallo Leute,

Wie ihr aus meinen alten Fragen herauslesen könnt, habe ich ein Fahrrad online gekauft, nun müsste ich noch die Schaltung einstellen, damit das Fahrrad richtig schalten kann und es keine kalk klak klak Geräuche macht, nur wird mir leider nicht richtig wie weit ich Schrauben soll bzw. Was noch festzuschraiben ist.

Mir sind insgesamt vier Schrauben, jeweils zwei nebeneinander, gekennzeichnet mit H und L.

Ich nimm mal an dass High für den niedrigsten Gang steht und Low für den höchsten Gang.

Ich habe daran die gesamte Zeit herumgeschraubt, nur weiß ich leider nicht wie weit nach links bzw. Rechts.

Die zwei Schrauben befinden sich am Hibterrad und zwei weitere am Pedal.

Ich habe mir gedacht, dass die Schrauben bei den Pedalen für den Linken Lenker (drei Gänge) und die zwei Schrauben am Hinterrad für den Gang auf dem Lenkrad auf der rechten Seite (insgesamt sieben Gänge) steht.

Muss ich noch woanders Schrauben ?

Was muss ich beachten, damit ich die Gänge richtig einstellen kann ?

Wie weit muss ich Schrauben, damit die Gänge eingestellt sind.

Hallo habe eine frage darf man in der Praktischen Prüfung klasse b da rein fahren?

Dass die vom Reiseveranstalter nicht erstattet wird? Das ist ja eine Sauerei, Leute in dieser Zeit abzocken, was tun ? Nicht mehr reisen, fliegen nur noch mit Mundschutz!?

Ich habe in meinem Literatur-Hochschulkurs die Aufgabe bekommen einen kurzen Film(3-5 Minuten) zum Thema Schule zu machen. Leider sind solche Themen wie Mobbing oder Freundschaft schon vergeben... Hat jemand vielleicht eine Idee??