與圖片幻燈片對應的文本顏色更改

Question

我在我的網站主頁上播放了一個循環播放的投資組合項目圖片幻燈片。我也有一個包含所有項目名稱的鏈接列表。是否可以按特定順序更改文本顏色，以便在顯示項目圖像時項目名稱/鏈接變亮？
如果是這樣，是否有意義的動畫圖像和文字在一起？或者將它們作爲兩個獨立的功能，並且只是時間正確，以便它們相對應？

謝謝！

Answer 1

如果我正確地理解了你，你有一張以幻燈片形式旋轉的圖像列表，你還有一個顯示幻燈片中每一項的標題/鏈接列表。

一個好辦法突出正確的標題時，相應的幻燈片圖像是積極的，是用幻燈片圖像id小號

例如

下面是圖片的幻燈片列表。每個li有一個獨特的id，我們將用它來鏈接到相應的標題。

<ul id="slideshow"> 
<li id="project-1"><img src="image-1.jpg" /></li> 
<li id="project-2"><img src="image-2.jpg" /></li> 
<li id="project-3"><img src="image-3.jpg" /></li> 
</ul> 

以下是標題列表。

<ul id="titles"> 
<li class="project-1"><a href="/">Project 1</a></li> 
<li class="project-2"><a href="/">Project 2</a></li> 
<li class="project-3"><a href="/">Project 3</a></li> 
</ul> 

現在你有基本的標記，你寫的檢查正在顯示的幻燈片圖像時，則獲取圖像li的ID，並檢查是否有任何li S的內標題的功能ul列表具有該id，因爲它是類。

如果是這樣，它會向它添加一個類，以改變它的顏色。

事情是這樣的：

if($('ul#slideshow li').hasClass('active'){ 

    var id = this.id; 

    $('ul#titles').find('li.' + id).addClass('highlight'); 

}): 

顯然我假設當前幻燈片圖像/李有一類活躍，但是這不會是很難做到的，如果它沒有。

此外，高亮級別將包含文本顏色的CSS屬性。

對不起，如果即時通標！

Answer 2

它可能在

jquery的有可能通過開關殼體。