【发布时间】:2011-08-17 09:28:42
【问题描述】:
我正在尝试在我的 wordpress 博客中制作幻灯片。我正在使用 jqTransitions 插件,但我遇到了问题。
此插件要求您有一个 div (id=slide-show) ,其中包含您要在其中显示的所有图像。
<script>
//SLIDE-SHOW GALLERY
$(document).ready(function(){
$('#slide-show').jqFancyTransitions();
});
</script>
//and images inside slide-show div
<div id="slide-show" >
<img src="images/gallery/1.jpg" alt="RAN" title="My title">
<img src="images/gallery/2.jpg" alt="AJISAI" title="Another title">
<img src="images/gallery/3.jpg" alt="HIMAWARI" title="My title">
</div>
一切都在 wordpress 之外完美运行。关键是当我在wordpress页面中添加幻灯片div时,它会在每张图片后自动添加<br />,这样她的图片就会滑动而不对齐!
如何防止 wordpress 在每张图片后添加br 标签?
已解决:
WORDPRESS 实际上将每个图像标签之间的换行符视为 br 标签。必须在同一行上写evertyhting。
【问题讨论】:
-
我正在研究我自己的主题,但没有设置类似的东西..所以,如果你认为这是与主题相关的问题,我猜它继承了默认设置(wordpress 3.2.1)
-
无论如何我尝试使用 211 1.1 和 1.2 并遇到同样的问题
-
您可以尝试将
<li>元素包裹在每个元素周围并制作一个列表(这不是真正的语义,但它应该阻止 WP 以这种方式解析它,而你' d 具有更易读的标记。我想插件只是循环遍历每个元素;类似的插件可以毫无问题地获取列表。 -
既然你想出了解决这个问题的办法,你应该把它作为这个问题的答案并接受它。这样,未来的人们可以很容易地看到问题所在(以防他们遇到同样的事情)=)