jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】

前端之家收集整理的这篇文章主要介绍了jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery图片前后对比插件beforeAfter用法分享给大家供大家参考,具体如下:

今天分享一款 jquery 插件——图片前后对比(beforeAfter),效果如下:

使用方法

<Meta charset="utf-8"/> <a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a>前后对比

参数说明(部分):

showFullLinks:是否显示下面的链接,点击链接,将自动显示完整的前或后的图片,默认值:true

imagePath:导航图片的路径(绝对路径或相对路径),导航图片指的是中间绿色条以及左右三角,默认值:/js/beforeAfter/

beforeLinkText:设置前图片下面链接文字,默认值:Show only before

afterLinkText:设置后图片下面链接文字,默认值:Show only after

注意:

前后两张图片大小必须一致。

完整实例代码点击此处本站下载

官网地址:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

原文链接:https://www.f2er.com/jquery/45704.html

猜你在找的jQuery相关文章