タグ

codaに関するyoshijimaのブックマーク (4)

  • コンテンツをスライド表示するjavascript「Coda-Slider」 : skuare.net

    twitter facebook hatena google pocket Web上には無限大のスペースが広がっています。 しかし、コンテンツの多さ=見やすさには決してなりません。 coda-sliderは多くなってしまったコンテンツをスライドのように表示することで、見やすさも得ることができます。 sponsors 使用方法 coda-sliderからjquery.easing.js、slideviewer.jsを、jQueryからjquery.js(v1.1)をそれぞれダウンロードします。 また、zipファイル内のindex.htmlからcssを取り除きます。 (jCodaSlider.css*画像パスを各自変更してください) <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <scrip

  • Coda-Slider 1.1.1を作ってみた。 - Ho-KAGO After School

    今回は、Coda-Slider 1.1.1を作ってみました。 タブを押すとページ内でコンテンツの内容がスムーズに遷移するやつです。 今まではギャラリー、スライドショー系の嵐でしたが、今日以降は今回と同じような"遷移する系"ばかりになると思います。なぜなら、今日自分の目的に合うのを探すため作りまくったからです。 その第一弾が、Coda-Slider 1.1.1です。jQueryのライブラリを使用します。 こんなのです↓ Coda-Slider 1.1.1のサンプル では、どうぞー。 こちらの、Coda-Slider 1.1.1のサイトから一式ファイルをダウンロードできます。 これで準備は終了です。 * Coda-Slider 1.1.1の設置 * これから、Coda-Slider 1.1.1を設置していきます。 まずは、フォルダの構成は、 index.html css - style.css

  • [JS]タブの背景を変更可能なタブ型コンテンツ -Coda-Slider 1.1.1 | コリス

    タブ型のコンテンツをスムーズに移動させて切り替えるCoda-Sliderが、マイナーバージョンアップを行いました。 A quick update to Coda-Slider: unique classes for navigation tabs デモ&ダウンロード 今回のバージョンアップでは、タブにユニークなclassを振って、背景をそれぞれ別に指定できたりすることです。 Coda-Sliderの主な特徴は、下記の通りです。 複数のコンテンツをタブによって、スムーズに移動させて表示 タブ以外にも、リンクを設置可能(番号・前後、コンテンツの任意箇所・ページの任意箇所・矢印など) スクリプトオフ時にも情報入手可能 jQuery 1.2のプラグイン preloaderの採用

  • Coda-Slider 1.1#5

    3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s get starte

    Coda-Slider 1.1#5
  • 1