page contains:
[[fancyboxPageMaker? &tag=`construction` &header=`Construction`]]
`fancyboxPageMaker` snippet:
<?php
$output = '';
$output .= $modx->parseChunk('fancyboxTpl_page',array('portfolioTag' => $tag, 'portfolioHeader' => $header));
return $output;
`fancyboxTpl_page` chunk:
<div id="fancyboxPageWrapper" class="[[*fancyboxBackground]]">
<div id="fancyboxPage">
<!--<h1 style="float:left; width:208px;">[[+portfolioHeader]]</h1>-->
<div id="fancyboxCurrentSlide"></div>
<div id="fancyboxAvailableSlides">
[[!getResources? &parents=`72` &tpl=`fancyboxTpl_top` &limit=`100` &includeTVs=`1` &includeContent=`1` &sortby=`menuindex` &sortdir=`ASC` &tvFilters=`fancybox_Tags==%[[+portfolioTag]]%`]]
</div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
<div class="jCarouselLiteWrap">
<span class="[[*fancyboxBackground]]"><a href="#" class="prev"> </a></span>
<div class="jCarouselLite">
<ul>
[[!getResources? &parents=`72` &tpl=`fancyboxTpl_slides` &limit=`100` &includeTVs=`1` &includeContent=`1` &sortby=`menuindex` &sortdir=`ASC` &tvFilters=`fancybox_Tags==%[[+portfolioTag]]%`]]
</ul>
</div>
<span class="[[*fancyboxBackground]]"><a href="#" class="next"> </a></span>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
`fancyboxTpl_top` chunk:
<div class="fancyboxSlideWrap" id="fbs[[+idx]]i">
<div class="fancyboxSliderNext">
<div class="fancyboxSliderSpacer"></div>
<div class="fancyboxSliderBg"> </div>
</div>
<div class="fancyboxCurrentImage">
<img src="[[+tv.fancybox_Image:phpthumbof=`&w=500&h=400&q=90`]]" alt="[[+longtitle]]" />
</div>
<div class="fancyboxSliderPrev">
<div class="fancyboxSliderSpacer"></div>
<div class="fancyboxSliderBg"> </div>
</div>
<div class="fancyboxCurrentHeader">
<h1>[[+tv.fancybox_Header]]</h1>
</div>
<div class="fancyboxCurrentDescription">
[[+content]]
</div>
</div>
`fancyboxTpl_slides` chunk:
<li>
<img src="[[+tv.fancybox_Image:phpthumbof=`&w=115&h=75&q=65`]]" alt="[[+longtitle]]" width="115" height="75" rel="fbs[[+idx]]" id="fbs[[+idx]]" class="fbsTrigger" />
</li>
here is page in action:
http://www.vertexeng.com/portfolio/service/environmental
any of the pages within the "portfolio" section should have the lightbox effect.
the pages that `getResources` pull from have tvs:
fancybox_Header: plain text
fancybox_Tags: checkbox of possible categories the item falls under
fancybox_Image: an image. these are all pretty small, like 500x400 max
any insight would be terrific. they love the way it looks, are just unhappy with it loading slowly.
