Slider

by Sergio Guba

HTML

<section class="detail_screenshort">
<div class="detail_screenshort_box">
<div style="width:4800px;">
 <a href="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" rel="highslide" class="highslide"><img src="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" alt='Bus Simulator 2015' title='Bus Simulator 2015'/></a> <br/>
 <a href="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" rel="highslide" class="highslide"><img src="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" alt='Bus Simulator 2015' title='Bus Simulator 2015'/></a> <br/>
 <a href="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" rel="highslide" class="highslide"><img src="https://android-1.com/uploads/posts/1439809793_minecraft-pocket-edition-bessmertie-3.jpg" alt='Bus Simulator 2015' title='Bus Simulator 2015'/></a> <br/>
</div></div>
</section>

CSS

.detail_screenshort{
    overflow:hidden;
}
.detail_screenshort_list{
    width:5000px;
    overflow:hidden;
}
.detail_screenshort_box{
    padding-left:5px;
    width:100%;
    overflow-x:scroll
}
.detail_screenshort_box img{
    float:left;
    display:block;
    height:200px;
    margin:0px 15px 0px 0px;
    max-width:300px;
}
.detail_screenshort_box br{
    display:none;
}