画像をスムーズにスライドする、シンプルなカルーセルの軽量（2KB）スクリプトをGANESHから紹介します。 jCarousel Lite demo jCarousel Liteは、jCarouselにインスパイアされ、機能をシンプルにしたものとのことです。 カルーセルさせる画像はリスト要素で実装されており、前後に「prev」「next」ボタンが配置されています。 オプションでは、スライドのスピード、初期の表示位置などを調整することができます。 jCarousel LiteはjQueryのプラグインのため、実装にはjquery.jsが必要です。

今回使ってみたプラグインは、こちらです。 いい感じに、画像を並列に表示して、スライドしてくれます。 横についている「⇒」をクリックすると、画像がスライドします。 ダウンロードページは、こちらです。 使い方は、まずプラグインをダウンロードします。で、jQuery本体とプラグイン本体と、cssを2ファイル分、htmlに読み込みます。 cssは、メインのcss（libフォルダに入っている、jquery.jcarousel.css）と、使いたいスキン（skins/ie7もしくはtango/skin.css）の2ファイルです。今回は、ie7を使ってみました。 <link rel="stylesheet" type="text/css" href="path/jquery.jcarousel.css" /> <link rel="stylesheet" type="text/css" href="p

05/22/2008 - Tero Piirainen, download version 0.11 Features I want to take a bunch of HTML nodes and do following things with them make those items scrollable horizotally or vertically decide how many items are visible at once scroll elements with mouse, arrow keys and mousewheel (requires mousewheel.js) make navigational buttons without programming have programmatic actions: next, prev, nextPag

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jquery.scrollable ホイール・クリック・キーボード操作にも対応した、パネルをスクロールする高性能なスクリプト。 Fi

<textarea name="code" class="css" cols="60" rows="5"> .tooltip{ display: none; position: absolute; padding: 10px 13px; z-index: 2; background-color: #f5f5b5; border: 1px solid #DECA7E; font-size: 12px; line-height: 18px; text-align: center; } </textarea>

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 ListNav リストの高機能なナビゲーションを作成。 Scroll your HTML ホイールにも対応した高機能なスクロールする

Apple風のインターフェイスを実装するスタイルシートやスクリプトのチュートリアルの紹介です。 Create an apple style menu and improve it via jQuery

HONGKIAT.COMのエントリー「50超のCSSやJavaScriptで実装するタブ型ナビゲーション集」から、当サイトで紹介したことのないものをいくつか紹介します。 50+ Nice Clean CSS Tab-Based Navigation Scripts

javascript windowイベントに複数を指定する に関しての質問です。 ブログパーツを作っています。 window.onloadを使って、ページの読込みが完了したらある処理を開始するというものを考えていますが、 もし、そのページに他のブログパーツなどがあり、window.onloadを使用している場合 上書きしてしまう、または上書きされてしまうということが起こってしまうかと思います。 既に複数の勝手なブログパーツが貼り付けられたページで 他に影響を与えず、確実にonloadイベントを取得する方法はありますか？

Expandable Listmenu Script 設置するには、「listmenu.js」を外部ファイルとして指定し、リストの親となる要素に「treenode」とclassを指定します。 初期時に開いた状態にする場合には「treenodeopen」とclassに指定します。 このサイトでは、他にもclassを指定するだけで画像のロールオーバーができるスクリプトも紹介されています。 Image Rollover Code

ウェブサイト（ホームページ）、ブログの左側・右側にメニューを表示するのは、よく見かけるウェブデザインの１つです。 しかし、そのメニュー部分が非常に長くなってしまうと、ページが縦に長くなってしまい、結果、自分のサイトを訪れてくれる方にとって見づらいものとなることがあります。 その縦長のメニューを解決する方法として、JavaScriptによる「アコーディオン メニュー」を紹介します。 １つは非常にシンプルで軽いアコーディオンメニュー、もう一つはAjaxライブラリの prototype.js と Rico を利用したリッチなアコーディオンメニューです。 まずは、シンプルで軽いアコーディオンメニューです。 ⇒Simple Javascript Accordions ⇒サンプル（Simple Accordions） 本家サイトに圧縮ファイルがあるので、それをダウンロードし、ローカルマシンで動かしてみ

概要 この CSS の import.css のように、外部の JavaScript を HTML に読み込むことができます。読み込むときのパスは相対パス、サイトルートからのパス、フルパスなど、何でも大丈夫です。 複数のライブラリなどを XHTML に読み込む際、XHTML の head 要素内が script 要素だらけになるのを防ぐことが出来ます。 動作確認用のDEMO ダウンロード 使い方 jsloader.js 内の conf で設定の変更が行えます。 jsloader.js のソース内の conf = { thisName : "jsloader.js",//このJSのファイル名 loadJS : ["読み込むJSへのパス1","読み込むJSへのパス2","読み込むJSへのパス3","読み込むJSへのパス4"]//JS達のパス。相対で指定したい場合はこのJSからみたパス }

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider

Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

うちでも使っていた Lightbox JS v2.0 の軽量版の Litebox は moo.fx ベースでしたが、moo.fx とおなじ　Valerio Proietti　氏が作者(現在はたくさんの方が開発に加わっています)の　MooTools　という javascript フレームワークがベースになった Slimbox を発見しました。 Slimbox, the ultimate lightweight Lightbox clone - digitalia.be このライブラリは MIT ライセンスのフリーウェアで、 MooTools 1.2 向けは 2009/05/14 時点での最新バージョンは1.7。(1.11向けは1.5) Slimbox 自体のファイルサイズは約4KB。 MooTools とあわせても約16KB(圧縮が最高の時)と軽量になってます。 対応ブラウザは Firefo