Fancybox instead of Lightbox for Attach in vB4

[McAtze]

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: