jQuery.popeyeは、省スペースの画像ギャラリーにも最適な画像を拡大表示するlightboxのスクリプトです。 jQuery.popeye - an inline lightbox alternative demo オプションでは、インターフェイスのサイズ、拡大画像の表示方向、イージングのモーション、持続時間などを変更することができます。 スクリプトのオフ時には、スクロールでギャラリーの画像を閲覧することができます。
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
Google AJAX APIを使うとjQueryをgoogleからダウンロードできます。これを使うと自分でサーバーに配置する場合に比べて以下のようなメリットがあります。 バージョン指定を最後までしないことで最新版を利用できる gzipによる圧縮を自動で行ってくれる(jquery.minだと54.5 KB->16 KBへ) 普及すればネット全体でjQueryをキャッシュできる デメリットとしては以下のような感じでしょうか。 インターネットにつながっていないとライブラリが利用できない(ローカルでの確認時の問題) googleのサーバーが落ちたら困る(ほぼないと思いますが。。) 使い方はhtmlで読み込んでいるscript要素を以下のように書き換えるだけです。 <script type="text/javascript" src="js/jquery-1.2.6.min.js"></scrip
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ
cube Labo Web標準,Javascript,PHPなどWeb制作に関する覚書を書いています。興味を持った分野について幅広く書いていこうと思います。 リンクにマウスを当てるとリンク先のサムネイルを表示するAjaxライブラリをご紹介します。 »Link Thumbnail とても簡単に導入することができます。 ダウンロード/解凍 arc90 lab : tools : Link Thumbnail ダウンロードしたファイルを解凍します。linkthumbフォルダのarc90_linkthumb.js,linkpic_shadow.gifをアップロードします。 スクリプトファイルの読み込み <script language="JavaScript" type="Text/JavaScript" src="○○○"></script> <style type="text/css" med
cube Labo Web標準,Javascript,PHPなどWeb制作に関する覚書を書いています。興味を持った分野について幅広く書いていこうと思います。 LightboxはAjaxを利用した画像表示ライブラリです。 »Lightbox 2 とてもシンプルでJavascriptの知識がなくても利用できます。 Lightboxの利用方法の解説は下記のサイトを参考にしました。 »【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは? | パソコン | マイコミジャーナル ここからはLightboxを実際に利用した際の覚書を健忘禄としてまとめています。 読み込み中を示す画像URL lightbox.jsを開きJavascriptの変数,fileLoadingImageを探します。変数fileLoadingImageに読
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く