多图自适应(原创)

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

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

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

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

jQuery的图片浏览插件Zoomimage

该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
  图片展示
 52803  354

jQuery图片放大插件

jQuery点击图片放大,适应移动端和PC端
  图片展示
 50940  344

jQuery CSS3实现的方向感知悬停网页特效

jQuery CSS3实现的方向感知悬停网页特效
  图片展示
 36175  462

360度全景展示效果

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

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