我正在开发一个 tumblr 主题,照片以黑白形式加载,一旦你将鼠标悬停在它们上面,它们就会变成彩色。黑白到彩色插件运行良好,但是当我将照片显示为块以默认删除照片下方烦人的几像素边距时,黑白状态下的照片有几个像素的彩色照片,当你将鼠标悬停在它们上面时,它们确实会从黑白变为彩色,但出于某种奇怪的原因,照片也会放大几个像素?我不明白为什么会发生这种情况,我不确定如何解决它,如果有人可以提供帮助,那就太好了!这是主题 > http://jamescharless.tumblr.com/
jQuery
$(window).load(function(){
$('.bwWrapper').BlackAndWhite({
hoverEffect: true,
webworkerPath: 'js/',
onImageReady:function(img){
}
});
});
的HTML
<a href="#" class="bwWrapper">
<img src="{PhotoURL-500}" class="entryphoto">
</a>
和 CSS
div#container div.entry {
float: left;
position: relative;
width: 16.666666666666666666666666666%;
display: block;
}
div#container div.entry .entryphoto {
width: 100% !important;
height: 100% important;
display: block;
}
a.bwWrapper { margin: 0 !important; border: 0 !important; }