Question

我正在使用wordpress（使用高级自定义字段）将数据库中的图像插入到我的html中。我有一个人的细节部分，它在旋转木马上有每个人的信息（图像，名称，生物等）。上一个和下一个按钮应该具有上一个和下一个人的照片和名称。我不确定是否有办法通过高级自定义字段或wordpress来获取此功能，因此我尝试使用js / jquery进行此操作。

我挂断了分配prev / next .attr（“src”）。使用下面的代码，它会调用所有值，然后分配它找到的最后一个.attr（“src”）（显然）。我无法弄清楚如何分配prev / next img的来源。

JSFiddle for clarity

任何帮助将不胜感激，谢谢！

JavaScript / JQuery

var img_array = $(".detail-center img").map(function() {
    console.log( $(this).attr("src") );
    var img = $(this).attr("src");
    $('.detail-left img').attr('src', img);
}).get();

Answer 1

您可以在ACF第5版中创建自定义字段类型：http://www.advancedcustomfields.com/resources/creating-a-new-field-type/。

添加代码以显示function render_field($field)下的字段。您可以为每个超级英雄选择生成<div>，并根据当前值（通过left获取）添加类center，right和$field['value']。

然后您可以使用jQuery（您可以将<script>放在同一个函数中）来生成更改.click()上的类的轮播行为。

要保存数据，您应该有一个隐藏的<input type="hidden">字段，该字段会在click()上更新，并且可以保存您的字段。

只是一个建议。

为前一个和下一个分配图像源

1 个答案: