PhotoViewer mark-up for reference
<!-- none of the following mark-up is to be put in manually, PhotoViewer builds it -->
<!-- [id] = id you assign -->
<!-- div that is used as the loading mask --->
<DIV class="photoViewer-mask photoViewer-body" id=[id]-mask></DIV>
<!-- PhotoViewer mark-up -->
<DIV class="photoViewer-viewer yui-module yui-overlay" id="[id]-viewer">
<DIV class="hd">
<DIV class="photoViewer-header" id="[id]-header">
<H1 class="photoViewer-title" id="[id]-title">[title]</H1>
<A class="photoViewer-close" id="[id]-close" href="javascript:;">close</A>
</DIV>
</DIV>
<DIV class="bd">
<DIV id="[id]-body">
<DIV class="photoViewer-imageCont" id="[id]-imageCont">
<IMG class="photoViewer-showcaseImage photoViewer-showcase" src="[image path]">
</DIV>
<DIV class="photoViewer-desc" id="[id]-desc">
<P>[description]</P>
</DIV>
</DIV>
</DIV>
<DIV class="ft">
<DIV class="photoViewer-footer" id="[id]-footer">
<A class="photoViewer-prev" id="[id]-prev" href="javascript:;">prev</A>
<A class="photoViewer-next" id="[id]-next" href="javascript:;">next</A>
</DIV>
</DIV>
</DIV>
Default
Black Minimal
Vanilla Minimal
