画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。 この弱点を改良すべく開発された新しい画像拡大（ギャラリー機能付）スクリプトをChristoph Schüßlerから紹介します。
[JS]ページの流れをさえぎらない画像拡大スクリプト - jQuery.popeye
画像を拡大するスクリプトとしてはLightboxやfancyboxが有名ですが、これらはページの流れをさえぎってしまう弱点をかかえています。 この弱点を改良すべく開発された新しい画像拡大（ギャラリー機能付）スクリプトをChristoph Schüßlerから紹介します。
BISO 注文家具 オーダーキッチン 設計施工 株式会社美創
尚、送付していただいた書類の返却はしておりませんのでご了承下さい。 (いただいた個人情報は、弊社の採用活動、採用後の雇用管理以外には使用致しません。） 個人情報の取扱いについて 個人情報とは、お客様のお名前、ご年齢、お電話番号、E-Mailアドレス、ご住所、その他お客様から提供を受けた情報のうち、1つまたは複数を組合わせることにより、お客様個人を特定することのできる情報をいいます。 個人情報の利用目的について 1.お客様からのお問い合わせへの対応 2.サービスや、商品に関する情報提供やご提案、新規事業や新規サービス、新商品のご案内や情報提供 3.有料サービスのご利用、商品の注文等で代金決済が必要なとき、金融機関等との間で個人情報の交換確認をする場合 4.提供中のサービス等に関する業務上の連絡 5.その他、なんらかの理由でお客様と接触する必要が生じた場合 個人情報の第三者への提供の制限 当社
[作って学ぶ！jQuery] 第0回 jQuery とは？ | バシャログ。
こんにちは、kimoto です。最近暑くなったり寒くなったりで落ち着かない気候ですが、みなさんいかがお過ごしでしょうか。 私は階段で転んで肩と二の腕を痛めました。気候関係ないですけど。 さて、今や JavaScript ライブラリと言えばコレ！と言うくらい人気のある jQuery 。 その jQuery にスポットを当てて短期集中連載をしていこうと思います。 実際に使えるサンプルを題材に、概要を学べる内容にしたいと思っています。 本日は第 0 回という事で、jQuery とは何か？という所から始めたいと思います。 jQuery とは、JavaScript ライブラリの一つで、現在もっとも人気のある JavaScript ライブラリだと言われています。 MIT License と GNU General Public License のデュアルライセンスで、フリーかつオープンソースです。 J
![[作って学ぶ！jQuery] 第0回 jQuery とは？ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
さくっとtwitterのタイムラインを表示するJavaScript「jQuery plugin for Twitter」
twitter facebook hatena google pocket twitterのタイムラインをブログに載せたい時、jQuery plugin for Twitterならさくっと導入できます。 sponsors 使用方法 jQuery plugin for Twitterからファイルをダウンロード。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.twitter.js"></script> <script type="text/javascript"> $(function(){ $("#id名").getTwitter({ userName: "skuare", //twitter id numTweets: 10,
[JS]jQueryのプラグイン33+1選 -2010年3・4月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 YoxView 画像をスタイリッシュに拡大表示するスライドショー。 Roundabout Shapes 複数のオブジェクトをさまざま
5LINKS - ファイブリンクス
合同会社ファイブリンクス 〒168-0081 東京都杉並区宮前3-15-24-213 TEL : 03-3562-6811 FAX : 03-5941-0255 E-mail : info@5links.jp Copyright© 5LINKS. All Rights Reserved.
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」:phpspot開発日誌
A Zoomable jQuery Image Gallery Called jPhotoGrid 半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」が公開されています。 LightBoxのようなものですが、サムネイルから直接、オリジナルの画像へとアニメーション表示されます。背景部分が半透明なのがなかなかクールです。 黒の背景にいい感じにマッチしそうなギャラリーになってます。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」
[JS]タイル状のパネルをダイナミックに伸縮させるスクリプト -InfoGrid
グリッドに沿って配置されたパネルをダイナミックなアニメーションで伸縮させるスクリプトをCSS-Tricksから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="info-col"> <h2>Batman</h2> <a class="image batman" href="http://jprart.deviantart.com/">View Image</a> <dl> <dt>Super Power</dt> <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe
jQueryで作るiTunesライクなスライダー – creamu
手動で切り替えられるフォトスライダーを作りたい。 そんなときにおすすめなのが、『How to Create a Simple iTunes-like Slider』。jQueryで作るiTunesライクなスライダーです。 右に表示される矢印アイコンをクリックすることで、サムネイルと写真が切り替わる動きになっています。なかなか気持ちのいい動きですね。 jquery.jsとmocha.jsというのを使っていて、ソースはとてもクリーンになっています。 デモは以下から。 Demo View It Online 一度見てみてください。 How to Create a Simple iTunes-like Slider tuts+ネットワークのサイトが、それぞれデザインリニューアルされていますね。細部の改善を図ったとのことですが、よりメリハリのある、すっきりとしたデザインになっていると思います。 さて
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
[JS]アニメーションが一味違う、画像を拡大するフレキシブルなスクリプト -YoxView
「Next」ボタンで次の画像を表示 スクリプトは使いやすさとフレキシビリティを前提に開発されており、実装が簡単で、柔軟性をもったものとなっています。 スクリプトの特長 ブラウザのサイズ変更時に表示を自動調整。 アニメーションで軽快に動作します。 画像はバックグランドでキャッシュすることが可能。 言語、背景色、スライドの間隔などオプションで簡単に設定。 多彩なインスタンス。 多言語対応。 ※現在は日本語用の画像は未。 スライドショーは自動再生に対応。 キーボードでの操作も可能。 操作方法は拡大時の「？Help）」に掲載。 サーチエンジンにもフレンドリー。 スクリプトの実装方法は簡単で、jQueryを使用しますがjQueryの特別な知識は必要なく実装が可能です。 YoxViewの実装方法
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
クールなjQueryのlightbox系スクリプト集 – creamu
サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ。 CeeBox アニメーションがかっこいいCeeBox。画像だけでなく、iframeやFlash、動画を読み込めて、カスタマイズが可能。Flashの表示にはswfobjectを使用 ColorBox おっと思うような動きをしてくれるColorBox。画像以外も読み込み可能 Facebox facebookスタイルで画像をオーバーレイ表示。これは有名ですね。シンプルでとてもいい Fancy Zoom 画像やFlashなどを読み込める。すーっと拡大してくる動き FancyBox 動きがとてもクールなFancyBox ほか
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
複数のライブラリに対応したLightboxスクリプト -Shadowbox.js
Shadowbox.jsは、Prototype、jQuery、YUI、Extなど複数のJavaScriptのライブラリに対応した、画像や動画などを拡大表示できるLightbox風のスクリプトです。 Shadowbox.js Media Viewer デモ ダウンロード Shadowbox.jsは複数のライブラリに対応しているというだけでもすごいですが、画像や動画の拡大表示にもさまざまなオプションがあり、多数あるLightbox風スクリプトの中でも充実した機能を持っていると思います。 下記に主な特徴を挙げます。 拡大する際のコードは、簡易です。 <a href="image.jpg" rel="shadowbox">Image</a> 併用するJavaScriptのライブラリは、下記の中から好きなものを選べます。 jQuery Prototype + Scriptaculous YUI Ex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]シンプルだけどフレキシブルなコンテンツスライダーの軽量スクリプト -simpleSli.de
5509
[JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider