I have five div elements containing the same six images. Only one div is shown at a time (others are display:none) but all are on the same page. Basic example:
<div class="one">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
</div>
<div class="one">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
<img src="hello.png" class="wave">
</div>
Is there a more efficient way of showing these duplicate sets? Perhaps an array or innerHTML.