Drupal 7 建站学习手记(四):怎样改动Nivo Slider模块的宽高

背景

Nivo Slider模块默认大小是用的height: 100%, width 100%

但IE7及下面的浏览器是不支持百分比宽高的,

而我的项目目标用户基本都是使用XP系统,项目需求是必须兼容IE7。

因此须要对其CSS改动成绝对像素大小。

问题

改动之后却出现了问题,由于用户上传的图片长宽比是不一样的,

指望用户每次上传的时候先用PS裁剪一下明显不现实,

于是我在CSS里将其拉伸了。这样就不会导致图片仅仅显示一部分。

.block-nivo-slider img {
  width: 450px;
  height: 250px;
}

可是,Nivo Slider在每次幻灯片切换前图片都会变成未拉伸的状态。

幻灯片切换的时候就会感觉图片在“跳动”。

探究

明明已经写死了img的宽高,为什么切换前会变回来呢?

初步断定是由于Nivo Slider模块在控制切换的JS里有改变图片的宽高。

翻了一下Nivo Slider模块的JS,发现是压缩过的,改起来比較麻烦。

于是又祭出万能的CSS大法了!

- -!

解决

细致分析后,发现JS是在改变img元素的height属性

我们能够用min-heightmax-height属性让height的改变无效:

.block-nivo-slider img {
  width: 450px;
  max-height: 250px;
  min-height: 250px;
}

问题解决!

本文首发http://www.dss886.com/drupal/2014/05/05/03/。转载请注明。

转载于:https://www.cnblogs.com/lcchuguo/p/5200089.html

「LLM那些事」系列第 4 篇《上下文窗口的边界》,文章连接:https://blog.csdn.net/houwenjin/article/details/163999753。 演示什么:在「预测」Sheet 的黄色格子里输入一句话(默认「来泡一杯」),个「模型」——分别只统计最后 1 / 2 / 3 / 4 个字的 n-gram 查表——同时预测下一个字。同一个输入,看的上下文越长,候选越少、预测越确定: ┌────────────────┬──────────┬───────────────┬──────┐ │ 只看最后几个字 │ 用的前缀 │ 候选下一字数 │ 预测 │ ├────────────────┼──────────┼───────────────┼──────┤ │ 1 个 │ 杯 │ 3(茶/子/水) │ 模糊 │ ├────────────────┼──────────┼───────────────┼──────┤ │ 2 个 │ 一杯 │ 2(茶/水) │ 收窄 │ ├────────────────┼──────────┼───────────────┼──────┤ │ 3 个 │ 泡一杯 │ 1(茶) │ 确定 │ ├────────────────┼──────────┼───────────────┼──────┤ │ 4 个 │ 来泡一杯 │ 1(茶) │ 确定 │ └────────────────┴──────────┴───────────────┴──────┘
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值