Показать изображение в этом виде

Question

Я хочу создать миниатюры таким образом. Я пробовал, но уровень успеха очень меньше. Я надеюсь, что я могу получить ответ здесь

Я подготовил свои взгляды в виде диаграммы, чтобы понять Вас и фото ссылки кадр связи ..

<div style="position:relative;"> 
    <ul id="image-gallery"> 
     <li><a href="page-URL"><img src="IMAGE-URL1" /></a></li> 
     <li><a href="page-URL"><img src="IMAGE-URL2" /></a></li> 
     <li><a href="page-URL"><img src="IMAGE-URL3" /></a></li> 
     <li><a href="page-URL"><img src="IMAGE-URL4" /></a></li> 
     <li><a href="page-URL"><img src="IMAGE-URL5" /></a></li> 
    </ul> 
</div> 

Answer 1

Добавить этот стиль для вашего HTML

<style> 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 

li { 
    display: inline; 
} 
</style> 

или это ваш CSS файл

ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 

li { 
    display: inline; 
} 

Проверьте вид здесь: http://jsfiddle.net/aqgs7smk/1/