此插件用来在文章或者页面插入一个PicasaWeb相册,以短代码形式,中间数值为相册链接的ID。

 
[picasaweb]20112[/picasaweb]

效果如下:

WordPress官方下载PicasaWeb for WordPress

福利,代码版:

1.功能代码丢主题functions.php循环内

 
function picasaweb($atts, $content=null){
 
	return '<div id='.$content.' class="picasaweb" num="1" name="您的Google用户名"  wid="图片最大宽度限制"><div class="navi-l"></div><p class="items"></p><div class="navi-r"></div></div>';
 
}
 
add_shortcode('picasaweb','picasaweb');

如果像我只在一个地方,那就直接上html代码,我就是这么干的:

 
<div id='相册链接ID' class="picasaweb" num="1" name="您的Google用户名"  wid="图片最大宽度限制"><div class="navi-l"></div><p class="items"></p><div class="navi-r"></div></div>

当然,这个html就不受程序限制咯~

2.CSS和JS,还有一张图片,图片和css放同一级。分享一个特定文章才调用的PHP代码,我就是这么干的:

 
<?php if (is_single('特定日志ID的数值,另一篇日志中间加小逗号')) { ?>
 
<link rel="stylesheet" type="text/css" href="http://.../picasaweb.css" />
 
<script type="text/javascript" src="http://.../picasaweb.js"></script>
 
<?php } ?>

当然上段代码得放在jQuery库文件之后,啥?怎么加载jQuery库?我#¥%……&×

3.如果童鞋仅喜欢此相册展示效果,这个当然也是么问题的,看代码:

HTML代码段,一些div,img一条一条插入即可~

 
<div class="picasaweb" num="1">
 
<div class="navi-l"></div>
 
<p class="items">
 
<img src="http://lh3.googleusercontent.com/_65ZfNm-tR48/TVYm30hRsXI/AAAAAAAAEVs/Poc7tn3N9bY/sy-1.jpg?imgmax=640">
 
<img src="http://lh4.googleusercontent.com/_65ZfNm-tR48/TVYm4AY9XcI/AAAAAAAAEVw/_SHY0xTC-f8/sy-2.jpg?imgmax=640">
 
<img src="http://lh5.googleusercontent.com/_65ZfNm-tR48/TVYm4HvyJ6I/AAAAAAAAEV0/RHU0pfP4goM/sy-3.jpg?imgmax=640">
 
</p>
 
<div class="navi-r"></div>
 
</div>

CSS和图片这还得自己调用或者集成,jQuery控制代码得改改,与Picasa相册展示两者不可兼得,对象冲突:

 
jQuery(document).ready(function($){
 
//By ImMmMm.com
 
$('.picasaweb .items').find("img:first").fadeIn(400);
 
 
 
$(".navi-r").click(function(){
 
	var nums=$(this).prev('.items').children('img').size(),num=$(this).parent('.picasaweb').attr('num');
 
	if(num < nums){
 
		$(this).prev('.items').children('img').hide().eq(num).fadeIn(400);
 
		num++;
 
		$(this).parent('.picasaweb').attr('num',num);
 
	}else if(num=nums){
 
		alert('最后一张!')
 
	}
 
	return false
 
});
 
 
 
$(".navi-l").click(function(){
 
	var num=$(this).parent('.picasaweb').attr('num');
 
	if(num > 1 ){
 
		$(this).next('.items').children('img').hide().eq(num-2).fadeIn(400);
 
		num--;
 
		$(this).parent('.picasaweb').attr('num',num);
 
	}else if(num=1){
 
		alert('第一张!')
 
	}
 
	return false
 
});
 
 
 
});

呼,还是纯代码折腾来得给劲!~