週期2尋呼機造型

請你能告訴我如何創建一個自定義圖像的尋呼機，以便當幻燈片更改當前的尋呼機更改爲不同的圖像？週期2尋呼機造型

在以下示例中，我希望在激活不同幻燈片時更改循環分頁圖像。

<div class="cycle-pager"> 


<img src="images/play.png"> 
<img src="images/cafe.png"> 
<img src="images/party.png"> 
</div><!---end cycle-pager------> 



<div class="cycle-slideshow" 
data-cycle-fx=scrollHorz 
data-cycle-pager=".cycle-pager" 
data-cycle-pager-template="" 

> 
<img src="images/img1.png"> 
<img src="images/img2.png"> 
<img src="images/img3.jpg"> 
</div>

任何幫助表示讚賞！

來源

2014-01-09 mikejm

http://jquery.malsup.com/cycle2/demo/pager。 php＃adv-custom - 如果你想要點擊圖片或改變圖片，需要一些自定義的CSS和/或JavaScript。做一些研究，當你遇到一個特定的問題時，請再次問我們。 – Blazemonger

我試圖研究這個，但無法找到關於自定義尋呼機的很多信息..所有我能找到涉及週期1和一個名爲pageAnchorBuilder的函數..這是否存在於cycle2？你能否提供任何其他資源的鏈接？ – mikejm

我解決了我的問題！

萬一別人遇到了同樣的問題，我在這裏就是我所做的..

我創建了一個.cycle尋呼機，活動類，並給它的最低透明度我在CSS可以。然後我設置循環尋呼機絕對的位置，並把它與整個尋呼機的整個高度和寬度的背景圖片：

.cycle-pager-active { 
    background:white; 
    opacity:.10; 
filter:Alpha(opacity=10); 
} 
.cycle-pager { 
width:157px; 
height:471px; 
float:left; 
background-image:url(../images/selector.jpg); 
position:absolute; 

}

來源

2014-01-10 20:19:58 mikejm

週期2尋呼機造型

回答

相關問題