Mein Projekt ist etwa 10 divswie kann nächste Taste, um den 10 divs in html
in jedem div Ich habe ein Bild
machen wie kann
<body>
<div
id="1"
<img id="img" src="image1.jpg"/>
</div>
<div
id="2"
<img id="img" src="image2.jpg"/>
</div>
<div
id="3"
<img id="img" src="image3.jpg"/>
</div>
<div
id="4"
<img id="img" src="image1.jpg"/>
</div>
</body>Wenn Sie meinen, dass ein div durch Drücken einer nächsten Schaltfläche nacheinander erscheinen soll, müssen Sie zuerst eine nächste Schaltfläche einfügen: <button onclick="next()">Next</button>
Dann müssten Sie jedes div außer dem ersten nicht erscheinen lassen. Sie können dies tun, indem Sie eine CSS-Klasse zu all diesen DIVs hinzufügen: <div class="hidden"> und in CSS add style für die Klasse hidden: .hidden { display:none; }.
Dann wenden Sie die Klasse .hidden auf jeden der DIVs mit Ausnahme der ersten.
Dann müssen Sie schließlich das JavaScript für die Funktion next() so in einem neuen script hinzufügen. Ich habe es dem JS Bin hinzugefügt: http://output.jsbin.com/qulobidahu
Und die IDs für Ihre Bilder sollten nicht alle die gleichen sein, da IDs eindeutig sein sollen. Hoffe das hilft!
Bitte beenden Sie das Element mit > in Ihrem div wie: <div id="1">
Hier ist der richtige Code:
<body>
<div id="1">
<img id="img" src="image1.jpg"/>
</div>
<div id="2">
<img id="img" src="image2.jpg"/>
</div>
<div id="3">
<img id="img" src="image3.jpg"/>
</div>
<div id="4">
<img id="img" src="image1.jpg"/>
</div>
</body>
okay, danke ... können Sie mir ans für meine Q geben? –
Ich kann dich nicht verstehen >> können Sie erklären, mehr –
wo kann ich den Knopf stellen >> und Wie kann ich das div verstecken? –
wo kann ich den Code von css setzen –