jQueryで作るボタンでスライドするローテーションバナー
Posted: 2010.12.27 / Category: javascript / Tag: jQuery 以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。 html+cssを制作する まずはhtmlとcssですね。 「id=banner」divにはメインとなるローテーションさせる画像をリストで配置。 その下の「id=btn-prev」「id=btn-next」は次へ進むボタンと戻るボタンです。 「id=pagenation」にはページネーションボタンが配置されています。 divがちょっと余分じゃね？ って感じがしますが、横並びでセンター揃えに
Web Design Laboratory 【 bxslider control 】
ウェブサイト用や携帯待ち受け、Action Scriptを含め独学で学んだFlash中心の作品ストックサイト Flash作品集「Flash Gallery」 このコンテンツの閲覧にはFlash Playerが必要です。お持ちでない方は下記のバナーより最新版Flash Playerをダウンロードして閲覧ください。 li-scrollerここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 innerfadeここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 bxsliderここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。 bxslider controlここのスペースにテキストを入れることができます。左記にある写真サイズは[120x120px]です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
jQuery Content Slider | Responsive jQuery Slider | bxSlider