The custom box may contain HTML and JavaScript code.
Here are a few examples from the real world.
They are not extremely genious, but ment to inspire you.
Example I:
If you have the addThis plugin installed, try this:
<a class="addthis_button"></a>
It will produce an addthis button that will update the share url during browsing the slideshow to reflect the current photo.
Example II:
If you want the visitors to be able to select the slideshow animation type, use this code:
Select an animation style:?
<select id="test" onchange="if (this.value != '') wppaAnimationType=this.value" >
<option value="fadeover">Fade over</option>
<option value="fadeafter">Fade after</option>
<option value="swipe">Shift</option>
<option value="stackon">Stack on</option>
<option value="stackoff">Stack off</option>
<option value="turnover">Turn over</option>
</select>
<script type="text/javascript">document.getElementById("test").value=wppaAnimationType</script>
Example III:
To make a ‘direct access’ slide input field:
<div style="text-align:center;" >
Enter photo number:
<input style="width:50px; margin:0 4px;" onchange="wppaDirectAccessSlide(this)" />
and click anywhere outside the editbox
</div>
<script type="text/javascript">
/* <![CDATA[ */
function wppaDirectAccessSlide(elem) {
if ( _wppaSlideShowRuns[1] ) {
wppaStartStop(1, 0)
}
var slideRequested = elem.value;
var index = parseInt(slideRequested) - 1;
var count = _wppaSlides[1].length;
var warTxt = 'Please enter a valid photo number';
if (index >= 0 && index < count) {
wppaGoto(1, index);
}
else {
alert(warTxt);
}
}
/* ]]> */
</script>
(This works only on the first slideshow on the page)
