从屏幕外滑动div（右）并移动其他div

Question

我正在设置一个画廊。图像被放置在div中，如果需要，可以添加水平滚动。

我想添加一个包含相关信息的div，可以通过点击链接从屏幕外（从右侧）滑动。我设法意识到这一点，如小提琴所示：

http://jsfiddle.net/Philidor/ww34psoL/

但是我遇到了问题。我需要信息框不覆盖图像，而是＃34;将它们移到左边＆＃34;这样所有照片在任何时候都完全可见。与此同时，主要的div（＆＃34; gallery＆＃34;）必须始终保持其200px的左边距。因此，我无法移动＆＃34; gallery＆＃34;向左边。

我想补充一点，我更喜欢用...水平呈现图像。

#gallery {
 white-space:nowrap; }
#gallery img {
 display:inline-block; }

...为了避免浮动图像，因此必须为容器设置固定的宽度。但似乎这会使事情变得更复杂。