JQuery Carousel-如果IF ELSE語句顯示為第一個（“活動”）超鏈接圖像

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>

通過$ id = $ _ GET ['id']在gallery.php中，然后創建一個名為$ imgvar的id的javascript變量。

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

因此，我希望輪播顯示首先由用戶單擊的圖像，然后繼續正常的順序。 （例如，如果我單擊3.jpg，則輪播開始顯示3.jpg，然后單擊“向右導航箭頭”轉到4.jpg，或者如果單擊“向左導航箭頭”轉到2.jpg等）。

我想我需要一個IF else語句來將ID與每張圖像進行比較，並使“活動”成為超鏈接的圖像，但是我找不到正確的方法。 有人可以幫忙嗎？

謝謝你的時間。

Answer 1

您可以在初始化后直接使用滾動方法直接通過索引滾動到項目。

從GET參數中獲取項目的編號，然后輸出JavaScript代碼以使用該編號調用scroll方法。 （如果要將數字從1傳遞到x，則必須將其遞減1，因為scroll使用從零開始的項目索引。）