Question

我根据Edd Turtle的工作创建了一个带jQuery的水平图库：http://www.designedbyaturtle.co.uk/2012/horizontal-scrolling-with-jquery/

我试图在用户点击图片右侧时添加说明因此，右侧的所有图像都将被描述的宽度所取代我想我需要创建一个div，但具有什么属性？

Answer 1

body { overflow-y: hidden; overflow-x: scroll; }
.gallerie { float:left; width:1000px; position:absolute; }
.photographie { display:block; height:100%; float:left; }

#imageDescription{ display:none; }
.imageLayer{ display:none; position:fixed; background:#FFF; width:5em; }
#imageCheck:checked + .imageLayer, #imageContent:target{ display:block; }

<div class="gallerie">
	<a href="#imageDescription"><img class="photographie" src="img/photo/01.jpg"/></a>
	<div class="imageLayer" id="imageDescription"><p>Description of the image</p></div>
	<img class="photographie" src="img/photo/fashion/02.jpg"/>
	<img class="photographie" src="img/photo/fashion/03.jpg"/>
</div>

将div插入水平库

1 个答案: