Fancybox规则冲突

时间:2015-07-06 17:44:00

标签: jquery fancybox fancybox-2

此规则使用标题的alt属性:

$(".fancybox").fancybox({
beforeShow : function() {
    var alt = this.element.find('img').attr('alt');

    this.inner.find('img').attr('alt', alt);

    this.title = alt;
}
});

此规则包含图片宽度范围内的标题:

$(".fancybox").fancybox({
helpers : {
    title: {
        type: 'inside'
    }
}
});

有没有办法让两个规则同时工作?

Fancybox会自动使用标题为图像生成字幕。当预期标题的文本很长时,这会产生难看的工具提示。我想使用alt作为标题,以便我可以将标题留空,并完全消除工具提示。提前谢谢。

1 个答案:

答案 0 :(得分:0)

你可以在同一个fancybox初始化脚本中添加任意数量的API选项(你称之为规则),用逗号分隔它们

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">

    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/imageView2"
        android:layout_alignParentLeft="true"
        android:src="@drawable/ic_favorite"
        android:layout_alignParentTop="true"
         />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@id/imageView2"
        android:layout_toEndOf="@id/imageView2" />


</RelativeLayout>

参见 JSFIDDLE