php - 通过 php 插件命令显示背景图片

Question

我猜有些脏代码。这是一个带有自定义 wp_nav 代码的函数 php。

    $output .= $indent . '<div class="categories-wrapper"><li' . z_taxonomy_image($cat->term_id) . $id . $class_names .'>';

所以我有一个插件可以将图像分类。我需要的是图像将应用于“li” block ，如果可能的话，可以将其视为 css 中的“背景:url(插件 url)”。这个什么都不做。 不确定我应该使用哪个。

z_taxonomy_image($cat->term_id)

插件文档列表 - categories image

我认为其余代码无关紧要。如果没有，我会添加。

---

编辑

找到了一个有用的帖子，我认为它可以解决我的问题，但我仍然不知道如何正确使用它。我如何将其插入 <li> ？

 if (function_exists('z_taxonomy_image_url')) $background_url = 'background:url(' . z_taxonomy_image_url() . ')';
echo '<div class="' . $tax_term->slug . '" style="display:none; ' . $background_url . '">';

完整的帮助主题 stackoverflow

---

编辑 2

自己想出了一个合适的代码

$output .= $indent . '<div class="categories-wrapper"><li style="background: url(' . z_taxonomy_image_url($cat->term_id) . ')"' . $id . $class_names .'>';

它现在显示在我网站的检查器 url 中，而不是插件提供的图片。

---

编辑 3 如果我添加foreach (get_categories() as $cat)它的工作，我得到了图像

foreach (get_categories() as $cat)
    $output .= $indent . '<div class="categories-wrapper"><li style="background:url(' . (function_exists('z_taxonomy_image') ? z_taxonomy_image_url($cat->term_id) : '') . ')"' . $id . $class_names .'>';

但它弄乱了整个 html 代码，添加了大量的 <li>阻止和其他人，因此它会相互覆盖。也许我应该把它放在别的地方？

小编辑 - 代码在索引页面上不起作用(它是一个带有类别侧边栏的 block )，但是当你输入任何帖子时，它会显示正确的类别图片，但它也会显示每个类别 block 侧边栏相同的图片。 所以也许我会问一些不可能的事情，而那个插件不能那样做。

Answer 1

你需要在style=""中插入图片

也许像这样:

'<li style="url('z_taxonomy_image($cat->term_id) ')"' . $id . $class_names .'>';

另一种解决方案

为什么不使用 json 响应并附加 dom 元素？将每张图片插入所需的元素。

在下面的示例中，我收到了一个 json 图片数组并将它们插入到特定元素中。

例如，您可以检索图片和图片类型，并按类型插入到元素中。

这是我第一次尝试提供帮助，要温柔。

对于您的示例，您可以使用 .css() 设置每个 li 元素的 css

$.ajax({
            type: "POST",
            data: {text: text, images: images, images_big: images_big},
            url: "/ajax/" + $(this).attr('data-post') + "/createPostComment",
            dataType: 'json',
            error: function () {
                $el.remove();
                return;
            },
            success: function (r) {
                $el.attr('data-id',r.comment_id);
                if(typeof r.pictures != 'undefined'){
                    for(var i=0; i < r.pictures.length; i++){
                        el.find('.comment-pictures-container').append('<img src="'+ r.pictures[i] +'" data-big="'+ r.pictures_big[i] +'" />');
                    }
                }
                bindCommentGallery($el);
                bindCommentMenu($el);
            }
        });