Topic: Using the "vertical-template" for header & footer
Hey there,
I have a couple of questions regarding the Vertical Resizable Gallery with Header Example.
1. How do i "mix" the example's <script> with the <script> svBuilder generates?
Here's the example script (I already adjusted file paths & <div> IDs for header & footer)...
<script type="text/javascript">
var svCoreURL = 'svcore/';
</script>
<script type="text/javascript" src="svcore/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
function doLayout() {
var winHeight, headerHeight, footerHeight;
winHeight = window.innerHeight ? window.innerHeight : $(window).height();
headerHeight = $('#gallery_header_box').outerHeight();
footerHeight = $('#gallery_footer_box').outerHeight();
var newH = parseInt(winHeight) - parseInt(headerHeight) - parseInt(footerHeight);
$('#flashContent').height(newH);
}
$(document).ready(function () {
doLayout();
$(window).bind('resize', doLayout);
SV.simpleviewer.load('sv-container', '100%', '100%', '222222',true);
});
</script>
...anf here is my adjusted script that comes from svBuilder.
<!--START SV SCRAPS EMBED -->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "scraps_gallery.xml";
flashvars.preloaderColor = "#2385CA";
simpleviewer.ready(function () {
simpleviewer.load('sv-scraps', '100%', '100%', 'transparent', true, flashvars, false);
});
</script>
<div id="sv-scraps"></div>
<!--END SV SCRAPS EMBED -->
How do these two go together?
2. The #flashcontent ID sets height: 600px. Is there a reason for this? Can it not be 100% as well since width: 100%?
Any help is appreciated.
G.