cssOMS/tests/app/sliders.php
2019-01-11 21:14:23 +01:00

46 lines
2.1 KiB
PHP

<div class="row">
<div class="col-xs-12 col-md-6">
<section class="box">
<div class="slider-1">
<figure>
<img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg" alt="">
<img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg" alt="">
<img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg" alt="">
<img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg" alt="">
<img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg" alt="">
</figure>
</div>
</section>
</div>
<div class="col-xs-12 col-md-6">
<section class="box wf-100">
<div class="slider-2">
<input type="radio" name="slide_switch" id="id1"/>
<label for="id1">
<img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg" width="100"/>
</label>
<img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg"/>
<!--Lets show the second image by default on page load-->
<input type="radio" name="slide_switch" id="id2" checked="checked"/>
<label for="id2">
<img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg" width="100"/>
</label>
<img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg"/>
<input type="radio" name="slide_switch" id="id3"/>
<label for="id3">
<img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg" width="100"/>
</label>
<img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg"/>
<input type="radio" name="slide_switch" id="id4"/>
<label for="id4">
<img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg" width="100"/>
</label>
<img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg"/>
</div>
</section>
</div>
</div>