Javascript jQuery循环幻灯片放映开始幻灯片
我有一个砌体缩略图库,缩略图链接到jQuery循环幻灯片。我想这样,当你点击一个缩略图时,它会转到以缩略图图像开始的幻灯片。我正在尝试循环的“startinslide”选项。此外,该网站是用Wordpress建立的 这是在我的缩略图库模板中:Javascript jQuery循环幻灯片放映开始幻灯片,javascript,php,jquery,jquery-cycle,Javascript,Php,Jquery,Jquery Cycle,我有一个砌体缩略图库,缩略图链接到jQuery循环幻灯片。我想这样,当你点击一个缩略图时,它会转到以缩略图图像开始的幻灯片。我正在尝试循环的“startinslide”选项。此外,该网站是用Wordpress建立的 这是在我的缩略图库模板中: <div class="m_item"> <a href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?
<div class="m_item">
<a href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?thumb=2">
<img src="<?php echo $image['url'];?>" title="<?php echo $image['title'];?>" alt="<?php echo $image['alt']; ?>">
</a>
</div>
<script>
$(.slideshow).cycle({startingSlide: <?php echo $_GET["thumb"] ?>})
</script>
在我的幻灯片模板中:
<div class="m_item">
<a href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?thumb=2">
<img src="<?php echo $image['url'];?>" title="<?php echo $image['title'];?>" alt="<?php echo $image['alt']; ?>">
</a>
</div>
<script>
$(.slideshow).cycle({startingSlide: <?php echo $_GET["thumb"] ?>})
</script>
$(.slideshow).cycle({startingSlide:})
目前,代码似乎没有做任何事情,您在幻灯片上单击的任何缩略图都从第一张幻灯片开始
非常感谢您的帮助。最简单的解决方案是使用。它允许您在html中的幻灯片元素的数据属性中声明幻灯片放映选项。您的幻灯片显示标记将如下所示:
<div class="cycle-slideshow"
data-cycle-starting-slide="<?php echo $_GET["thumb"] ?>"
data-cycle-timeout="5000">
<img src="http://placehold.it/480x320/ff0&text=Slide 1" />
<img src="http://placehold.it/480x320/0f0&text=Slide 2" />
<img src="http://placehold.it/480x320/0ff&text=Slide 3" />
</div>
}))
你的幻灯片没有在你的原始帖子中使用这些代码,在/wp content/themes/yahaira/js/slideshow.js?ver=3.8.1的第277行,你的幻灯片才是真正开始的。这里的startingSlide选项是0。那么我应该用“startingSlide:…”替换该行吗。。。?但我不确定如何将php代码放入javascript文件中。