关于Fancybox和PHP Mysql添加
或标题中的新行

发布于 2024-10-24 01:41:24 字数 403 浏览 1 评论 0原文

有没有办法在标题中添加

因为我想从另一个表数据中添加一些内容..

这是我的

 title="'.$row['product_name'].'" >' ...

代码 产品名称是“Ben What” Product_desc 是“是的,来找我”

我想在标题中添加一些描述..我不希望它在标题中连接 我想添加断线但不知何故它不起作用。

输出应该

Ben What 
Yeah Come at me

不是

Ben What Yeah Come at me

谢谢!我尝试了很多,但行不通。

is there a way to to add <br /> in the title??

cause i want to add something from another table data..

here's my code

 title="'.$row['product_name'].'" >' ...

for example
product_name is "Ben What"
product_desc is "Yeah Come at me"

i want to add some description in the title.. i don't want it to be connected in the title
i want to add break line but somehow it won't work.

the output should be

Ben What 
Yeah Come at me

not

Ben What Yeah Come at me

Thank you! i tried alot but it won't work.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

眼眸 2024-10-31 01:41:24

看起来您正在谈论 HTML 标记中的 title 属性。

HTML 属性 属性不能包含 HTML 本身。

某些浏览器允许您使用 HTML 实体在其中放置换行符,但由于支持不稳定,您不应该这样做。


最好的方法是使用 Fancybox 描述的 titleFormat 回调来执行某些操作title 属性上的转换。

It looks like you're talking about the title attribute in an HTML tag.

HTML attributes attributes can not contain HTML themselves.

Some browsers let you put newlines in there using HTML entities, but you should not do this because of spotty support.


Your best best is going to be using the titleFormat callback that Fancybox describes to perform some variety of transformation on the title attribute.

旧人哭 2024-10-31 01:41:24

我也遇到了这个问题,所以这是我的解决方案,在 fancybox 的默认配置中更改:

        $("a[rel=example_group]").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titlePosition'     : 'over',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
            }
        });

对于这个:

        $("a[rel=example_group]").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titlePosition'     : 'over',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });

这样您可以在 fancybox 标题属性中使用 HTML:

<a rel="example_group" href="./example/9_b.jpg" title="Lorem <br/> ipsum dolor sit amet"><img alt="" src="./example/9_s.jpg" /></a>

注意标题属性内部的

这是您可以使用 fancybox 进行的配置,正如@Charles 所谈论的那样。

i was having this problem too, so this is my solution, in the default configuration of fancybox change:

        $("a[rel=example_group]").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titlePosition'     : 'over',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
            }
        });

To this one:

        $("a[rel=example_group]").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titlePosition'     : 'over',
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });

This way you can use HTML in fancybox title attribute:

<a rel="example_group" href="./example/9_b.jpg" title="Lorem <br/> ipsum dolor sit amet"><img alt="" src="./example/9_s.jpg" /></a>

Note the
inside of the title attribute.

This is the configuration that you can do with fancybox as @Charles talk about it.

不及他 2024-10-31 01:41:24

您可以使用

blah blah

来代替
,这样我就解决了我的问题。

Instead using <br/> you can use <p>blah blah</p>, this way i fixed my problem.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文