我正在使用后台管理器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元素中。不知道现在该如何处理这个问题,除了去掉这个插件,用另一种方式来处理。