UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

多图自适应(原创)

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

 29167  325  查看评论 (6)
分享到微信朋友圈
X
多图自适应(原创) ie兼容8
 查看演示  立即下载

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

相关插件-图片展示,图像,布局
查看更多

jQuery移动端图片查看插件photoswipe.js

 实现了移动端图片查看缩放，左右切换效果
  图片展示
 83043  445

jquery3D旋转幻灯片插件

 jquery幻灯片插件带滚动条的圆形立体图片旋转滚动
  图片展示
 48821  392

简易的jQuery无缝滚动（原创）

 简易无缝滚动，只需要改变高度（不用设宽度）嗯，或许看看就知道是不是你想要的
  图片展示
 38452  442

jQuery画廊-least.js

jQuery画廊-least.js 类似于google图片搜索结果中的展示效果，least.js 随机和响应的JQUERY，HTML 5和CSS3画廊
  图片展示
 35945  330

讨论这个项目（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写在外边，效果会乱。不大实用呢。 回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复