私は、写真が白黒で読み込まれる 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; }