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

多图自适应(原创)

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

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

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

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

HTML5-CSS3图片过滤归类应用

 通过点击不同类型图片按钮，可以选择展示不同类型的图片，共有三种展现方式，可以对不同图片进行归类
  图片展示
 35528  346

JQUERY全屏撕裂幻灯片-FULLSCREEN-SLIT-SLIDER

 fullscreen-slit-slider由 jQuery 和 css3 打造而成。为我们提供了一个全屏的撕裂效果的幻灯片，接下来我就为大家讲解以下相关的用法。
  图片展示
 45224  421

纯css3放大镜

 通过css3样式实现放大镜的效果
  图片展示
 43824  379

jQuery放大镜插件imgzoom.js

 jQuery图片放大插件imgzoom.js
  图片展示
 27994  317

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