bolo博客圖片顯示優(yōu)化
原因
想改這個(gè)圖片顯示的原因是博客里面的圖片點(diǎn)擊之后就會(huì )直接跳轉,優(yōu)點(diǎn)煩躁于是就改了皮膚bolo-fantastic的圖片顯示樣式。
使用
引入layer 相關(guān)lib包:
<script src="http://www.pzrlhr.cn/skins/bolo-fantastic/js/layer.js"> </script>
修改圖片顯示樣式
<script type="text/javascript" >
$(document).ready(function(){
$(".gallery-item").each(function(){
var href = $(this).attr("href");
var img = $(this).find("img");
var w = img.width;
var h = img.height;
$(this).attr("href","javascript:void(0)");
});
$(".gallery-item").on("click",function(){
var img = $(this).find("img");
var w = img.width;
var h = img.height;
var url = $(img).attr("src");
var alt = $(img).attr("alt");
showImage(w, h, url, alt);
});
});
function showImage(w, h,url, alt){
layer.photos({
photos:{
"title":"${blogTitle!}圖片顯示",
"id":"",
"data":[{
"alt":alt,
"src":url,
"thumb":url
}]
},anim: 0
});
}
</script>
最后結果如下:
感謝夸獎,哈哈哈??
不錯喲,大佬