Question

我有一个JQuery轮播，四个图像存储在一个名为carousel.php的文件中。我还有一个gallery.php文件，列表中的四个图像作为超链接。当我点击它们时，我得到了他们的“id”

<li><a href='carousel.php?id=1'><img src=1.jpg'></a></li>
<li><a href='carousel.php?id=2'><img src=2.jpg'></a></li>
<li><a href='carousel.php?id=3'><img src=3.jpg'></a></li>
<li><a href='carousel.php?id=4'><img src=4.jpg'></a></li>

在gallery.php到$ id = $ _ GET ['id']然后我创建了一个名为$ imgvar的id的javascript变量。

var $imgvar = "<?php echo $id; ?>";

所以，我希望旋转木马首先显示用户点击的图像，然后继续正常的顺序。（例如，如果我点击3.jpg，旋转木马开始显示3.jpg然后我点击“右导航箭头”转到4.jpg或者如果我点击“左导航箭头”转到2.jpg等）。< / p>

我想我需要一个IF else语句来比较每个图像的id，并使那个超链接的“活跃”，但我找不到正确的方法。有人可能会帮忙吗？

感谢您的时间。

Answer 1

您可以在初始化后直接使用scroll方法直接滚动到该项目。

从GET参数中获取项目编号，然后输出JavaScript代码以使用该编号调用scroll方法。（如果要将数字从1传递给x，则必须将其减1，因为scroll使用从零开始的项目索引。）

JQuery Carousel - IF ELSE语句显示为第一个（“活动”）超链接图像

1 个答案: