This setup guide shows you how to use FotoBuzz™ in your existing HTML pages and assumes you've already downloaded and installed FotoBuzz on your webserver.
Step 1:
For every image in your page that you would like to use the viewlet, simply add:
class="fotobuzz" to the <img> tag. For example,
class="fotobuzz" to the <img> tag. For example,
<img src="mypicture.jpg" class="fotobuzz"/>
Step 2:
Copy and paste the following code anywhere between the <HEAD> and </HEAD> tags in your page:
If necessary, modify the src attribute to point to the correct path for fbIR.js
If necessary, modify the src attribute to point to the correct path for fbIR.js
Step 3:
Copy and paste the following code anywhere below the previous code and between the <HEAD> and </HEAD> tags in your page:
To hide the image comments by default, set fbShowNotes to false. You can also turn off the viewlet shadow by setting fbShowShadow to false.
Be sure to substitute "Viewlet URL" and "Script URL" with the full URL of fbloader.swf and fotobuzz.php.
For example if the URL for fbloader.swf is http://fotobuzz.org/viewlet/fbloader.swf and the URL for fotobuzz.php is http://fotobuzz.org/script/fotobuzz.php then your code should look like this:
To hide the image comments by default, set fbShowNotes to false. You can also turn off the viewlet shadow by setting fbShowShadow to false.
Be sure to substitute "Viewlet URL" and "Script URL" with the full URL of fbloader.swf and fotobuzz.php.
For example if the URL for fbloader.swf is http://fotobuzz.org/viewlet/fbloader.swf and the URL for fotobuzz.php is http://fotobuzz.org/script/fotobuzz.php then your code should look like this:
