2015-09-17 543 views
0

所以我正在通過一個Dreamweaver視頻教程,我一直卡在這一部分。教師正在展示如何添加具有4個圖像的橫幅滑塊。圖像只是淡出,下一個顯示。圖像上沒有導航,並且還有一個功能,顯示一段文字,可以滑下幾秒,然後在顯示每張圖像時進行備份。jquery橫幅滑塊問題

我的問題是,他收取他使用的js文件的錢。我沒有錢支付它。他說,你可以簡單地搜索谷歌的橫幅滑塊和找到一個,但我花了幾個小時這樣做,我找不到一個使用jQuery的免費的,我可以理解如何使用。我想知道是否有人可以指向我一個免費的jQuery橫幅滑塊,它對像我這樣沒有經驗的人有很好的指示。

圖片需要爲900x300像素。我很喜歡html和css,但對於javascript來說卻一無所知。提前致謝。

我在說的視頻是this link,您可以在視頻開始後立即看到橫幅示例。

編輯:這是我添加回答psobko給出的答案的信息。

我正在編輯這個,因爲我有滑塊工作。現在我只需要弄清楚如何讓文字/標題出現。如果有人可以指示我在css和html中使用的代碼來使字幕滑入,然後滑出,那將是很棒的。 This link顯示了字幕效果的示例,但我不確定如何對其進行編碼。謝謝。

第二個編輯:

<div><img u="image" src="../images/banner/b1.jpg" /> 
<div u="caption" t="MCLIP|B" style="position: absolute; 
top: 30px; left: 30px; width: 50px;height: 50px;"> 
Hello World</div></div> 

回答

1

啊確定你正在尋找被稱爲「旋轉木馬」的效果,你可以做一個網絡搜索(字jQuery的組合),它會轉起來〜700K的結果。最好的結果是this這似乎是好的,並且100%免費。你在互聯網上看到的最常見的效果/佈局/等是免費的和開放源代碼的(你可以用你的瀏覽器從字面上查看任何東西的來源)。除非你需要特別的支持,你不能從這樣的地方得到,或者你想支持作者,而他們沒有捐贈按鈕,否則不要付錢。

+0

請在我原來的帖子中看到我的編輯。感謝你們對我的幫助。 –

+0

你可以發佈你如何使用代碼的例子嗎? – psobko

+0

https://jsfiddle.net/s2v97k18/非常感謝您對我的關注。我顯然有一些工作要做topnav鏈接。 –