Question

我在纯JS中创建滑块。我的滑块有两个主要元素。 1.微缩图像列表（画廊wordpress）; 2. Div元素。当我们点击缩图时，我们会看到更大的画面。

它在工作。但我有一个问题。质量图片很差。结果是参考src到缩小。如何从帖子库中使用的数据库中获取链接？

我使用了get_the_post_gallery（）。

Answer 1

$images = get_post_gallery( $post, false );
$ids = explode( ",", $images['ids'] );

foreach( $ids as $id ) {
   $link = wp_get_attachment_url( $id );
// Now you can do something here to pass the URL to your js
}

https://codex.wordpress.org/Function_Reference/get_post_gallery
这是一种将URL提取到完整大小图像的方法。我没有测试代码，但它应该是好的。如果您遇到问题，请告诉我。我会提供一种方法将URL传递给你的JS，但是你没有提供任何代码，所以很难。

Answer 2

是的，它的作品:)。我这样修改代码：

if (get_post_gallery()){
     initSliderAPI();
     $gallery = get_post_gallery( $post, false );
      $ids = explode( ",", $gallery['ids'] );
      $linkList = Array();
      $counter = 0;
      foreach( $ids as $id ) {
      $link = wp_get_attachment_url( $id );
      $linkList[$counter] = $link;
      $counter++;
    }

我在nodeList“

”图像中获取链接，当API启动时，方法createEvents为每个节点创建事件。 Next当我得到eventTarget＆lt; - 当前节点时。 API正在运行。我检查节点中的firstChildElement（节点（父） - images（子）），并获取firstChildElement以显示this.node和this.nodeID，然后启动showImg（）。showImg create Object Img并设置link。

let node = this.domImageSliderGroup.item(this.nodeID);
  let image = new Image (300);
  image.src = node.firstChild.src;

如何在图库wordpress中使用原始尺寸（链接）图像？

2 个答案: