This is method 1:
[wppa type="landing"][/wppa]
Click <a onclick="document.location=document.location+'?wppa-occur=1&wppa-album=5&wppa-cover=0'" >here</a> for the album
wppa-occur=1 means: it is the first wppa thing on the page (occurrance)
wppa-album=5 means: it is album with id=5
wppa-cover=0 means: i want to see the thumbnails
other options are:
wppa-cover=1 means: i want to see the album cover
wppa-slide=1 means: i wantt to see the slideshow. (requires wppa-cover=0)
It will not work straitaway with ajax, and you will still see: Click here for the album
after the page reloads.
This is method 2:
<div id="my-wppadiv" style="display:none" >
[wppa type="thumbs" album="5"][/wppa]
</div>
<span id="my-span" >Click <a onclick="jQuery('#my-wppadiv').show();jQuery('#my-span').hide();" >here</a> for the album</span>
Enter this with the wp page/post editor in Text mode, Not in Visual !!!!!
Pro’s:
works immediately
the text in the <span> element disappears after clicking
Con’s:
The code is generated on page load, so do not do this if performance is the issue why you want to do this, but only when layout is the issue.
more coding
My preferance? method 2.