Question

我正在使用alt的{{1}}属性来阅读它并显示在<image>

中

<div>

并在<img src="charlotte/1_verwandelbar.jpg" alt="Some text in here" /> <div class="text_slider"></div>的回调函数中，使用属性cycle.js我得到this.alt文本并将其附加到alt代码中。

<p>

我的问题是，我无法在$('.text_slider').html('<p style="color: #fff;">' + $(this).attr('alt') + '<p>');中创建任何<br>，这意味着像alt

有没有人有解决方案？

编辑：我的代码效果非常好，错误是我的代码中的其他地方出错。

Answer 1

<br>对我来说很好（在chrome和firefox中测试过）。你能解释一下什么不起作用吗？

<html>
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>
<body>
    <img class="pep" src="/home/tapia/varios/tag.png" alt="Some text <br>in here" />
    <div class="text_slider"></div>
    <script>
        $('img').one('load', function() {
            $('.text_slider').html('<p style="color: #f00;">' + $(this).attr('alt') + '<p>');
        });
    </script>
</body>
</html>

Answer 2

您可以在替代文字中添加随机字符然后替换它吗？
例如middot：&middot; 然后在显示p标记

时替换它

$('.text_slider').html('<p style="color: #fff;">' + $(this).attr('alt').replace("&middot;", "<br>") + '<p>');

给图像的alt文本一个样式

2 个答案: