将 div 插入水平图库

【问题标题】：Insert div into Horizontal Gallery将 div 插入水平图库
【发布时间】：2015-06-04 01:28:28
【问题描述】：

基于 Edd Turtle 的工作，我用 jQuery 创建了一个水平图像库：http://www.designedbyaturtle.co.uk/2012/horizontal-scrolling-with-jquery/

当用户点击图片时，我正在尝试在图片右侧添加说明。
所以右边的所有图片都会被描述的宽度替换。
我想我需要创建一个div，但是有什么属性呢？

【问题讨论】：

您的问题不清楚。为什么你需要一个属性，在什么 div 上？显示一些你到目前为止的代码？
是的，你是对的。谢谢。

【解决方案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>

【讨论】：