Search This Blog

Friday, 22 July 2011

Adding Web Picasa Slide show to PhpBB

Under the 'posting' section in the ACP.


Create a new BBCode :


BBCode :
[picasa]http{SIMPLETEXT}://picasaweb.google.com/{INTTEXT}/{IDENTIFIER2}[/picasa]


HTML replacement :


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
</script>
<div id="piks{INTTEXT}{IDENTIFIER2}"> <script>
var flashvars = {
feed: "http%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F{INTTEXT}%2Falbum%2F{IDENTIFIER2}%3Falt%3Drss%26kind%3Dphoto%26hl%3Den_US",
RGB: "0x000000"
};
var params = {
pluginspage: "http://www.macromedia.com/go/getflashplayer",
allowscriptaccess: "always"
};
swfobject.embedSWF("http://picasaweb.google.com/s/c/bin/slideshow.swf",
"piks{INTTEXT}{IDENTIFIER2}", "600", "450", "9.0.0", "",
flashvars, params);
</script>
</div>



NB// This JS code is from http://lysergo.blogspot.com/2010/05/bbcode-picasa.html.  I made two changes from the original blog post.  '#' dropped and {SIMPLETEXT} added to the BBCode.


Assuming it saves OK you can now test this by manually adding a URL between the [picasa][/picasa] tags.  If it all works OK you can go back to the code edit and enable the 'Display on posting page' and add a little help text.