我正在制作一个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; }