Javascript 照片幻灯片效果前后的jQuery

我正在制作一个前后图像滑块，如本页所示：

但我想有滑块已经一半的图像，当你访问网页。我怎样才能做到这一点？我需要添加什么代码？我没有很多JavaScript的工作经验，所以希望有人能帮我解决这个问题

以下是我将要介绍的教程：

只需添加以下代码：

$(".topImage").css('width', '50%');

---

看这里

请将您的工作代码放到JSFIDLE上。很好！万分感谢！