代码之家  ›  专栏  ›  技术社区  ›  Midwoud

jQuery前后照片幻灯片效果

  •  0
  • Midwoud  · 技术社区  · 11 年前

    我正在制作一个前后图像滑块,如下页所示:

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

    但我希望在您访问页面时,滑块已经位于图像的一半。我如何才能做到这一点?我需要添加什么代码?我在JavaScript方面没有太多的工作经验,所以希望有人能帮助我。

    以下是我正在学习的教程:

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

    1 回复  |  直到 11 年前
        1
  •  1
  •   johnode    11 年前

    只需添加此代码:

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

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