此插件用来在文章或者页面插入一个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
 
});
 
 
 
});

呼，还是纯代码折腾来得给劲！～