用fontawesome替换fancybox关闭按钮

时间:2015-08-21 06:46:00

标签: css font-awesome fancybox-2

有可能这样做吗?我试图修改css但无法使其工作。我能做的最好的事情是用颜色背景替换关闭按钮,这是不可取的结果。

1 个答案:

答案 0 :(得分:2)

RTFM :JavaScript中有一种具有各种模板的对象。你需要改变它:

{
    wrap     : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
    image    : '<img class="fancybox-image" src="{href}" alt="" />',
    iframe   : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0"' + ($.browser.msie ? ' allowtransparency="true"' : '') + '></iframe>',
    error    : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
    closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
    next     : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
    prev     : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
}

closeBtn是您想要改变的。