多图自适应(原创)

所属分类:媒体,UI-图片展示,图像,布局

 30401  325  查看评论 (6)
分享到微信朋友圈
X
多图自适应(原创) ie兼容8

遍历所有包含缩略图div,通过计算图片宽高比,在和图片外边框做大小判断,来控制图片大小做缩放。使每张图片尽量展示到最全面。

相关插件-图片展示,图像,布局

360度全景展示效果

按下鼠标左键拖拽360度全景展示效果
  图片展示
 40300  435

jQuery原始图片对比插件

这是一款很实用的jQuery图片插件,它可以帮助你实现原图和经过处理的图片进行对比,这款jQuery插件一共有3中对比模式,主要是拖动中间的分割线来进行两张图片的细节对比。
  图片展示
 35900  365

纯js图片旋转

JavaScript图片特效
  图片展示
 45431  437

jQuery支持图片放大缩小查看效果

e-smart-zoom-jquery.js插件页面上提供了两个按钮,可以让你的图片点击放大或者缩小当然,对于懒人来说,真是懒得点击那么你可以将鼠标悬停在图片上,滚动鼠标滚轮即可实现图片的放大或者缩小效果
  图片展示
 185502  565

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    aikaka 0
    2017/5/8 12:42:34

    我觉得做得挺好的

    回复
    空集。 0
    2016/4/21 9:04:49
    我没懂楼主想表达什么 回复
    oy 0
    2015/10/8 10:10:08

    大神,求源码。没有币了可是急用..T_T..397630319@qq.com

    回复
    Practical has become ups 0
    2015/7/29 11:07:49
    湛蓝之刃 0
    2015/7/27 9:07:23
    兄弟,总共就这点html和css代码,基本都是靠js的。怎么会乱呢?我是在人大为各个学院做网站的,这个还是挺实用的。如果可以改jq币的话,我就不要钱了。我第一次不知道jq币这么值钱! body div style="width:400px margin:0 auto"div class="slt" style=" width:200px height:200px overflow:hidden bder:1px #F00 solid"img src="images1.jpg" style=" display:block" div div class="slt" style=" width:200px height:200px overflow:hidden bder:1px #F00 solid"img src="images2.jpg" style=" display:block" divdiv class="slt" style=" width:200px height:200px overflow:hidden bder:1px #F00 solid"img src="images3.jpg" style=" display:block" divdiv div body 回复
    邱嵩松 0
    2015/7/26 17:07:34
    测试了下,如果把css写在外边,效果会乱。不大实用呢。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复