hallo Leute ich hab ein großes Problem.
Ich möchte 3 Gallerien in eine Seite nacheinander einbauen und mit 2 Schaltflächen steuern.
Jetzt zum Problem: Eine Gallerie funktioniert reibungslos. Aber wenn ich das Script für die 2 einfüge herrscht caos.
Bin in Java nicht wirklich fit und wäre für hilfe dankbar.
Hier mal das Ganze;
HTML
<section id="two" class="wrapper alt style2">
<section class="spotlight"> <div class="image">
<img class="mySlides" src="images/textil/pic01.jpg" alt="textil">
<img class="mySlides" src="images/textil/pic02.jpg" alt="textil">
<img class="mySlides" src="images/textil/pic03.jpg" alt="textil">
<img class="mySlides" src="images/textil/pic04.jpg" alt="textil">
<button class="w3-button w3-display-left" onclick="plusDivs(-1)">&WCF_AMPERSAND❮</button>
<button class="w3-button w3-display-right" onclick="plusDivs(+1)">&WCF_AMPERSAND❯</button>
<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";
}
</script>
</div>
<div class="content">
<h2 style="color:#b2d425;">Textilveredelung</h2>
<p>Michael Bonitz und das Team vom Stickwerk Geislingen bedrucken und besticken Textilien aller Art</p>
</div>
</section>
<section class="spotlight"> <div class="image">
<img class="mySlides" src="images/druck/pic02.jpg" alt="druck">
<img class="mySlides" src="images/druck/pic03.jpg" alt="druck">
<img class="mySlides" src="images/druck/pic04.jpg" alt="druck">
<button class="w3-button w3-display-left" onclick="plusDivs(-1)">&WCF_AMPERSAND❮</button>
<button class="w3-button w3-display-right" onclick="plusDivs(+1)">&WCF_AMPERSAND❯</button>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs1(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";
}
</script>
</div>
<div class="content">
<h2 style="color:#e00083;">Druck</h2>
<p>Wir drucken ihre Geschäftspapiere, Flyer, Visitenkarten , Plakate, Banner, Merchandiseartikel und vieles mehr.</p>
</div>
</section>
<section class="spotlight"><div class="image">
<img src="images/pic03.jpg" alt="" />
</div>
<div class="content">
<h2 style="color:#b2d425;">Folieren & Beschriften</h2>
<p>BKC versteht sich auch auf Folierungen und Beschriftungen aller Art. Vom Firmenschild über Schaufenster bis zum Fahrzeug</p>
</div>
</section>
</section>