【发布时间】:2017-10-06 14:45:06
【问题描述】:
好的,所以我正在为客户构建一个自定义 Wordpress 主题,该主题在设计中包含一个大图像滑块。我需要做的是让每张幻灯片都有自己的 URL(因此人们可以直接链接到幻灯片),并且该 ID 是 wordpress 图像/媒体 ID。如果这对我的选择有任何影响,我会在 ACF 中使用中继器字段。
我目前正在使用带有“initialSlide”选项的 Slick Slider,但是 a) 在您浏览图库时不会更改他的 URL,并且 b) 只使用 1 中的数字 - 无论基于图像中的位置滑块。我需要这是 WP 图像 ID 而不是它的位置,因为如果客户端打乱滑块中项目的顺序,它的位置可能会改变。
所以我想我正在寻找独特的幻灯片 URL,例如 http://www.whatever.com/slider/?slide=345,其中 354 是 WP 图像 ID,并且当您单击左/右时 URL 实际上会发生变化。
任何想法如何实现?我不是在寻找 WP 插件,只是在寻找 JavaScript。
编辑: 我刚刚注意到我有 jQuery 版本的 MasterSlider,它执行我想要的动态 URL 跟踪/深度链接,但仍然只是使用滑块中的幻灯片位置作为网址编号。查看代码我无法弄清楚如何修改它以从 ACF 图像数组传递 ID。
谢谢
【问题讨论】:
标签: javascript jquery wordpress wordpress-theming advanced-custom-fields