PDA

View Full Version : Fancybox instead of Lightbox for Attach in vB4


McAtze
03-30-2011, 12:03 AM
Hi,

i would like to use fancybox for the attachment detail instead of lightbox. the js are uploaded to the server and placed in header_inlcude templet and works very well.

my question is .. what should i change in the "lightbox" template for fancybox.

<div id="lightbox{vb:raw uniqueid}" class="lightbox">
<div>
<div>
<div class="innerbox">
<div class="picturerow" id="lightboxholder"<vb:if condition="$width AND $height"> style="width:{vb:raw width}px; height:{vb:raw height}px"</vb:if>>
<vb:if condition="$show['newwindow']">
<a href="{vb:raw imagelink}" id="lightboxlink{vb:raw uniqueid}" target="_blank">
<vb:else />
<a href="{vb:raw imagelink}" id="lightboxlink{vb:raw uniqueid}">
</vb:if>
<img src="{vb:stylevar imgdir_misc}/lightbox_progress.gif" alt="" id="lightboximg{vb:raw uniqueid}" class="progress" width="300px" height="200px" /></a>
</div>
<div class="descrow">
<span class="date">{vb:raw attachmentinfo.date_string} {vb:raw attachmentinfo.time_string}</span>
<span class="filename">{vb:raw attachmentinfo.filename}</span>
</div>
<div class="buttonrow">
<input type="button" class="button closebutton" value="{vb:rawphrase close}" id="lightboxbutton{vb:raw uniqueid}" />
<input type="button" class="button" value="<vb:if condition="$first">{vb:rawphrase last_picture_short}<vb:else />{vb:rawphrase prev_picture_short}</vb:if>" id="lightboxprevbutton{vb:raw uniqueid}" />
<input type="button" class="button" value="<vb:if condition="$last">{vb:rawphrase first_picture_short}<vb:else />{vb:rawphrase next_picture_short}</vb:if>" id="lightboxnextbutton{vb:raw uniqueid}" />
<vb:if condition="$total > 1"><span class="totals">({vb:rawphrase x_of_y, {vb:raw current}, {vb:raw total}})</span></vb:if>
</div>
</div>
</div>
</div>
</div>

fancybox for single pics:
<a id="single" href="/pic.jpg" title="Lorem ipsum dolor sit amet."><img alt="" src="/pic.jpg" /></a>

fancybox for groups:
<a rel="group" href="/pic.jpg" title="Lorem ipsum dolor sit amet."><img alt="" src="/pic.jpg" /></a>

What should i change ??

btw .. sorry for my english .. :erm: