Question

我正在使用此处的信息http://ieg.wnet.org/2016/02/replacing-default-wordpress-gallery-shortcode/作为自定义图库短代码的基础，并尝试创建此轮播滑块https://www.jssor.com/demos/image-gallery.slider。问题是我不知道如何实现它。

直到那时的图像和所有内容都显示在源代码中，但之后没有任何内容。

   <div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:800px;height:356px;overflow:hidden;">

    <?php

foreach ( $images as $image ) {
    $thumbnail = wp_get_attachment_image_src($image->ID, 'homepage-thumb');
    $thumbnail = $thumbnail[0];
    $fullsize = wp_get_attachment_image_src($image->ID, 'service-page');
    $fullsize = $fullsize[0];
    $gallery .= "<div><img data-u='image' src='".$thumbnail."'><img data-u='thumb' src='".$fullsize."'></div>";  
    }
return $gallery;
?>       
         </div>

这可能很简单，但就此而言，这远远超过了我的知识基础。

Answer 1

您将返回值而不是将其打印到网页。使用echo代替return。另外，请确保在循环的每次迭代中echo使用它，这样您就不会打印一张图像，而是打印所有图像。

<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:800px;height:356px;overflow:hidden;">
<?php
    foreach ( $images as $image ) {
        $thumbnail = wp_get_attachment_image_src($image->ID, 'homepage-thumb');
        $thumbnail = $thumbnail[0];
        $fullsize = wp_get_attachment_image_src($image->ID, 'service-page');
        $fullsize = $fullsize[0];
        $gallery .= "<div><img data-u='image' src='".$thumbnail."'><img data-u='thumb' src='".$fullsize."'></div>"; 
        echo $gallery; 
    }
?>       
</div>

将代码添加到自定义库短代码的位置

1 个答案: