【问题标题】:Image filename inside fancybox 3fancybox 3 中的图像文件名
【发布时间】:2017-09-29 10:51:13
【问题描述】:

在文档中找不到这个,虽然看起来很简单。 如何在fancybox中显示图片的文件名?

【问题讨论】:

    标签: javascript fancybox fancybox-3


    【解决方案1】:

    当然,文档没有涵盖如何“显示图像的文件名”,因为不可能包含所有可能的场景。回调是专门为此类需求而设计的——它们允许您在某些阶段(例如,在加载之前或在显示图像之前)执行您的一段代码。

    您没有指定文件名的显示位置。如果你想把标题放在里面,那么文档提供了几个如何自定义标题的例子 - http://fancyapps.com/fancybox/3/docs/#faq-2

    【讨论】:

      【解决方案2】:

      在 fancybox 3 中,您可以将 data-caption 属性添加到具有图像名称的元素。例如:<a href="myHref" data-caption="myImageName" data-fancybox="myGroup"><img src="mySource" /></a>

      在元素加载完以下内容后不要忘记初始化它,随意添加或删除选项。

      $("[data-fancybox]").fancybox({ fullScreen: true, thumbs: false, loop: true, touch: true, infoBar: true, buttons: [ 'slideShow', 'fullScreen', //'thumbs', //'share', 'download', //'zoom', 'close' ] });

      Fancybox with caption

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-07-14
        • 1970-01-01
        • 2018-05-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多