[imediasun1]

Спасибо большое я думаю что я на верном пути благодаря вашей помощи, может еще подскажите, а если вместо дива там должен быть вот такой слайдер с миниатюрами

<div class="slider">
	<input type="radio" name="slide_switch" id="id1"/>
	<label for="id1">
		<img src="/slider-thumb-css/images/3yiC6Yq.jpg" width="45"/>
	</label>
	<img src="/slider-thumb-css/images/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="/slider-thumb-css/images/40Ly3VB.jpg" width="45"/>
	</label>
	<img src="/slider-thumb-css/images/40Ly3VB.jpg"/>
	
	<input type="radio" name="slide_switch" id="id3"/>
	<label for="id3">
		<img src="/slider-thumb-css/images/00kih8g.jpg" width="45"/>
	</label>
	<img src="/slider-thumb-css/images/00kih8g.jpg"/>
	
	<input type="radio" name="slide_switch" id="id4"/>
	<label for="id4">
		<img src="/slider-thumb-css/images/2rT2vdx.jpg" width="45"/>
	</label>
	<img src="/slider-thumb-css/images/2rT2vdx.jpg"/>
	
	<input type="radio" name="slide_switch" id="id5"/>
	<label for="id5">
		<img src="/slider-thumb-css/images/8k3N3EL.jpg" width="45"/>
	</label>
	<img src="/slider-thumb-css/images/8k3N3EL.jpg"/>
</div>

Очень вам благодарен, спасибо