PHP Wordpress画廊

3
我想制作一个幻灯片来展示我的文章中的图片。我已经完成了所有设置,但是只有一个li元素显示了三张图片。我希望有三个li元素,每个元素只显示一张图片,但我不知道如何自动分离每个图片。非常感谢您的帮助!
您可以在这里查看当前状态:http://mksgear.com/shop/test-product/ 以下是我的代码:
<ul class="slides">

  <li class="slide">

<?php if ( has_post_thumbnail() ) : ?>

    <?php echo do_shortcode('[gallery option1="value1"]'); ?>


<?php else : ?>

    <img src="<?php echo woocommerce_placeholder_img_src(); ?>" alt="Placeholder" />

<?php endif; ?>

  </li>
</ul>

你正在使用哪个插件?你有看过选项吗? - Matanya
我正在使用“高级滑块”插件,但我没有看到任何选项可以自动在幻灯片中插入帖子的图库。我希望客户能够向图库添加图片,然后让图库填充编码到帖子页面上的幻灯片。 - Jason Crocker
如果您想要为每篇文章使用不同的图库,您可以使用“图片”菜单并将图片作为附件添加到文章中。 - Matanya
正确的做法是什么,然后我怎样才能让这些图片出现在幻灯片中呢?我现在的网址是http://mksgear.com/shop/test-product/:只有一个幻灯片(因为它在一个li元素中),而[gallery]会一次性显示所有三张图片。 - Jason Crocker
谢谢您的帮助,那么我不能轻松地更改上面的现有代码来实现您所说的功能吗? - Jason Crocker
显示剩余2条评论
1个回答

1
我不确定我正确理解了你的问题,但我会尝试回答。如果我误解了你想做的事情,请澄清一下,我会更新我的答案。
您可以在图库短代码中使用itemtag="li"来包装每个图像中的li。您需要删除<li class="slide">行的代码,并可能使用jQuery将“slide”类添加回生成的li标记中。因此,您可以这样做:
此外,在if / else语句中使用:时,您的代码是否呈现图库?
<script>
jQuery(document).ready(function() {
    jQuery("#slides li").addClass("slide");
});
</script>

<ul class="slides">

    <?php if ( has_post_thumbnail() ) { ?>

        <?php echo do_shortcode('[gallery itemtag="li" option1="value1"]'); ?>

    <?php } else { ?>

        <img src="<?php get_bloginfo( 'stylesheet_directory' ); ?>/images/thumbnail-default.jpg" />

    <?php } ?>

</ul>

将此代码添加到页脚中,您可以将其添加到与jQuery添加类幻灯片相同的document.ready中。只需在jQuery("slides li").addClass("slide");之后的新行上复制并粘贴此代码即可。如果需要,您可以调整此调用中的高度、宽度或任何其他选项。希望这样能够起作用。
jQuery("#slides").advancedSlider({
width: 900, 
height: 460, 
responsive: 1, 
skin: 'light-round'
});

1
哦,还有将您的占位符图像包在<li> </li>标记中,我忘了提到。 - AndyWarren
1
Firebug在您刚才链接的页面中显示jQuery未定义。 - AndyWarren
1
你还有#slider-pro-1作为jquery插件要查找的id。你上面发布的代码使用了slides作为id。只需在头部或页脚中添加我发布的jquery代码片段一次,而不是两者都添加。 - AndyWarren
1
注意到了另一件事情。在这行代码中:jQuery("slides li").addClass("slide");,需要在 slides 前面加上 #。所以应该是 jQuery("#slides li").addClass("slide");。此外,在调用插件时,应该使用 #slides 而不是 #slider。看起来我在编写代码时漏掉了这个。 - AndyWarren
1
我希望我能提供更多帮助,但是没有访问文件和WP后端,这使得故障排除更加困难。如果您想让我看看并使其正常工作,您可以在此查看我的个人资料并找到我的网站URL。那里有一个表格,您可以向我发送FTP和登录凭据。除了进入主题/插件代码之外,我认为我无法做更多事情了。 - AndyWarren
显示剩余21条评论

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接