所以我正在通過一個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>
請在我原來的帖子中看到我的編輯。感謝你們對我的幫助。 –
你可以發佈你如何使用代碼的例子嗎? – psobko
https://jsfiddle.net/s2v97k18/非常感謝您對我的關注。我顯然有一些工作要做topnav鏈接。 –