HTML內容滑塊

-1

我並不熟練使用高級HTML或任何CSS，我已經做了一些研究，讓我認爲被稱爲「內容滑塊」（例如http://www.redlighttraffic.org/，販賣人口組織），但我提出了一些建議。HTML內容滑塊

看着http://www.menucool.com/slider/content-slider我認爲它要我購買使用該滑塊的代碼，但我需要的是一個更接近我使用的Redlight Traffic網站上的鏈接，並希望免費...任何人都可以指出我在正確的方向？

2013-12-17 Codefun64

正確的方向是* that * way - >：D - 開個玩笑，你的問題是什麼？你想購買代碼還是自己寫？ – ochi

我的問題很簡單，我該如何開始？有沒有教程？我甚至不知道該怎麼稱呼這個東西，除了「內容滑塊」之外，我不確定這是否是正確的名稱。 – Codefun64

@ Codefun64 - jQuery是你的朋友。 –

你可以看看這個名單，我相信你最終會找到你所需要的：http://www.freshdesignweb.com/jquery-image-slider-slideshow.html

但如果想了解它是如何工作的，以及如何使一個然後自己看看這篇文章： http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

如果你搜索像「CSS內容滑塊」或「jQuery的滑塊」或這些關鍵字的組合，你會發現數以百計的結果應該幫助你

2013-12-17 23:14:02 Ampersand

謝謝你的幫助:)我一定會看那些。 – Codefun64

@ Codefun64 - 你也可以做一個很容易：http://jsfiddle.net/DerekL/BLM64/ –

HTML和CSS是什麼的都非常小部件你正在努力實現。您需要查看一下JavaScript庫Jquery。您可以在youtube上實現這個教程，或者谷歌「開源JQuery滑塊」。這裏有一些非常棒的東西，包括nivo-slider。

您可以通過使用CSS四捨五入來構建一個開放源碼的示例。

2013-12-17 23:21:09

它已經有一年，因爲我做了一些研究對這個自己半，我結束了兩個Flexslider（http://www.woothemes.com/flexslider/）和Responsiveslides（https://github.com/viljamis/ResponsiveSlides.js）回去再試用一些不同的後。大約一年前，我重寫了該網站，現在只使用Responsiveslides。

我喜歡的是標記的清潔度，它們很容易適應響應式設計。是什麼最終讓responsiveslides在最新一輪的變革邊緣的大小：1.4kb的精縮是相當不錯的小，除了它確實我從它需要的一切（如果你需要它做更多，規模將明顯增加）。無論如何，Jquery都是該項目的一部分，所以加載時的開銷對我來說不是問題。

希望有幫助！

2013-12-17 23:37:22 sckd

回答