<link rel="stylesheet" href="css/slideshow.css">

<div class="slideshow"> <input type="radio" name="slide" id="item-1" checked="checked" /> <div class="slideshow-item"> <img src="1.jpg" /> <label for="item-3" class="previous">Go to slide 3</label> <label for="item-2" class="next">Go to slide 2</label> </div> <input type="radio" name="slide" id="item-2" /> <div class="slideshow-item"> <img src="2.jpg" /> <label for="item-1" class="previous">Go to slide 1</label> <label for="item-3" class="next">Go to slide 3</label> </div> <input type="radio" name="slide" id="item-3" /> <div class="slideshow-item"> <img src="3.jpg" /> <label for="item-2" class="previous">Go to slide 2</label> <label for="item-1" class="next">Go to slide 1</label> </div> </div>