Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
指定したHTMLエレメントをローディング中にする際に便利な「busy.js」:phpspot開発日誌
busy.js (loading indicators) busy.js 1.0 allows you to add/remove loading indicators to html elements on your webpages 指定したHTMLエレメントをローディング中にする際に便利な「busy.js」。 例えば、div 要素全体に次のようにローディング中にすることが出来ます。 デモはこちら - 要素をクリックでローディング状態にすることが可能 オーバーレイで要素自体の色も変わるため、ローディング中であることがよく分かるようになっています。 関連エントリ グレーアウト表示ライブラリ:glayer.js 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」
次世代 JavaScript ライブラリを作りました - 2nd life (移転しました)
先日 Scriptaculous 1.6.0 が公開されましたね。Web2.0 全盛の今、Scriptaculous は無くてはならない必須ライブラリの一つとなりました。 2000年前後、DHTML と云われる技術を駆使した視覚効果を頻繁に使った Web ページをよく見るようになりました。当時はキャズムを飛び越えて、アーリーマジョリティまで広く使われていたと云っても過言ではないでしょう。Web 2.0 はまだまだキャズムを飛び越えてたとは云えません。そこでアーリーマジョリティ層にも広く使われるようになるのに貢献しようとしているのが実は Scriptaculous なのです。以前 Ruby on Rails のメーリングリストではScriptaculous は Web 2.0 などではない！Blink, Marquee 2.0だ！(意訳)、つまり Scriptaculous は Web 2.
【ハウツー】ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を (1) Lightbox 2.0とは？ | パソコン | マイコミジャーナル
Lightbox 2.0とは？ Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
背景を暗くするモーダルウィンドウで表示したい！（Control.Modalの使い方）その2 - ザリガニが見ていた...。
前回までに、モーダルウィンドウが表示できるようになった。今回は調子に乗って、ユーザー環境設定ページに加え、パスワード変更、ユーザ情報編集*1ページもモーダルウィンドウ化することにした。（管理者以外の一般ユーザーが操作するサブページは全てモーダルウィンドウ化することにした。）前回まで設定が終わっているiframe: trueのモーダルウィンドウなら、その作業はとっても簡単だ！ モーダルウィンドウの追加 モーダルウィンドウで表示したいページへのリンクに、:class=>"modal"を追記する。 キャンセルリンクをモーダルウィンドウを閉じるJavaScriptに変更する。 submitボタンを押した後のページ遷移を同じページの再表示に変更する。 以下、パスワード変更ページのモーダルウィンドウ化の作業例 app/views/layouts/_menu2.rhtml 1 :class=>"moda
背景を暗くするモーダルウィンドウで表示したい！（Control.Modalの使い方）その1 - ザリガニが見ていた...。
初めて見た時からすごく憧れていたのだ。最近は、いろんなページでよく見かける。写真をクリックすると、そのページの明度が下がって、拡大された写真が表示されたウィンドウが浮かび上がる、アレ（Lightbox）です。MacBookでF12を押すとDashboardが起動するが、その時ウィンドウが表示されるイメージだ。周囲の背景に惑わされず、必要な情報が自然と目に入って来る。すごくシンプルなんだけど、洗練されたデザインだ。 最近では、LightBoxと似たような効果を演出してくれるライブラリがたくさん公開されているらしく、CSVサーバーにもぜひ導入してみたい！（Lightbox.js のような写真のスライドショーするライブラリ沢山）きっと、ユーザー環境を設定するページで利用するのが良さそう。というより、絶対、モーダルウィンドウで表示したい！ということで、試行錯誤の導入の始まり...。 調査 今回必要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
