jQuery前后照片幻灯片效果

时间:2013-10-27 14:21:59

标签: javascript jquery image slider effect

我在此页面上制作了一个前后图像滑块:

http://upstairsweb.com/Examples/slide-bar-example.html

但是我想在您访问该页面时将滑块放在图像的中间位置。我怎么能做到这一点?我需要添加什么代码?我没有很多关于JavaScript的工作经验,所以希望有人可以帮助我。

以下是我正在关注的教程:

http://upstairsweb.com/blog/basic-jquery-beforeafter-photo-slide-bar

1 个答案:

答案 0 :(得分:1)

只需添加以下代码:

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

看这里http://jsfiddle.net/sbxmal/4fZWA/