在页面上将Alt文本显示为工具提示

时间:2013-09-02 作者:Andrew

我正在使用后台管理器Wordpress插件(http://wordpress.org/plugins/background-manager/) 我正在尝试在页面上显示一个自定义元素,到目前为止,我还没有找到任何帮助,包括他们的论坛。

该插件输出一个全屏背景,其中包括alt文本,我想知道是否有一种方法可以在DIV中显示页面上的alt文本?

当前页面上显示的代码为:

<!-- Background Manager Start -->
<div id="myatu_bgm_img_group" class="myatu_bgm_fs" style="overflow: hidden;"><script type="text/javascript">
    /*<![CDATA[*/
        try{(function(a){myatu_bgm.addTopImage("",function(){if((typeof myatu_bgm!=="undefined")&&(myatu_bgm.initial_ease_in==="true")){a(this).fadeIn("slow")}else{a(this).show()}})}(jQuery))}catch(e){};
    /*]]>*/
    </script><noscript><img id="myatu_bgm_top" class="myatu_bgm_fs" src="http://mgrezova.webfactional.com/wp-content/uploads/2013/06/agnesbshirt.jpg" alt="Caption Text"   /></noscript></div>
<!-- Background Manager End -->
我可以调整插件,将标题作为图像标题输出,如果这样做更容易的话,但显然我不想更改插件,以便以后可以更新插件。

我尝试添加CSS(使用.myatu_bgm_fs:after { content: attr(alt) ; }) 但这是不正确的。

如果我无法通过这种方式找到解决方案,我可以选择创建一个自定义分类法和一些javascript,但我不想走这条路,因为与这个预构建的插件相比,它仍然需要相当多的测试。

谢谢你的帮助。

Update:

我想我必须能够使用javascript来完成这项工作,但我尝试过的一切都失败了。一个测试是使用此脚本,但可能我使用得不正确:

$(\'img[alt]\').each(function() {
    $(\'.inner-quote\').append(\'<div class="quotes">\' + $(this).attr(\'alt\') + \'</div>\');
});
Update 2:事实证明,javascript无法工作,因为图像包含在NOSCRIPT元素中。不知道现在该如何处理这个问题,除了去掉这个插件,用另一种方式来处理。

1 个回复
SO网友:Flick

可能值得考虑另一个插件,如http://wordpress.org/plugins/wp-supersized/ 否则,我猜您可能最终不得不更改插件(可能需要在Github上分叉?)https://github.com/Myatu/Background-Manager-WP/blob/269fb907d652ac78e3f9fb0a402375f06ac449f9/resources/views/pub_footer.html.twig

(刚刚意识到您的线程与另一个贡献者更多的线程相关:Display alt text as tool tip on page)

结束

相关推荐

主题定制器不显示wp_head中的保存值(Css)

我一直在学习如何在主题中添加主题定制器功能。使用很少的代码和帮助来源,但最终选择了Codex。我使用的是抄本本身的一个片段,稍加修改以添加更多设置。我所做的唯一一件事就是添加了更多的颜色选项。我还使用Java脚本来显示实时更改。问题:调用设置保存的值并将新值添加到标题中的样式部分的函数不起作用:/似乎它不会使用“get\\u theme\\u mod”提取保存的值(甚至是默认值)有人能看看代码并给我指出正确的方向吗??这是我的功能。php文件。<?php class UnReady