jQuery & CSSで作るぐるぐる回すスライドショー

2010/10/09 00:18 Update
TAGS: jQuery | CSS | スライドショー
ぐるぐる回すスライドショーをjQuery & CSSで作成するチュートリアル。

原文:Making a Slick MobileApp Website with jQuery & CSS


HTML例:
    
    <div id="phoneCarousel">
        <div class="previous arrow"></div>
        <div class="next arrow"></div>
        
        <div id="stage">
            <img id="iphone" class="default" src="img/phones/iphone.png" width="270" height="400" alt="iPhone" />
            <img id="nexus" src="img/phones/nexus_one.png" width="270" height="400" alt="Nexus One" />
            <img id="nokia" src="img/phones/nokia.png" width="270" height="400" alt="Nokia" />
            <img id="blackberry" src="img/phones/blackberry.png" width="270" height="400" alt="BlackBerry" />
        </div>

    </div>



イメージ:


デモ

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments