You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
フォルダ構成(サンプル) 初期設定 ファイルが用意できたところでHTMLに初期設定のJavascriptを記述していきます。読み込むJSファイルはjsフォルダ下のjquery.js、shadowbox-jquery.js、shadowbox.jsとなります。 初期設定コード <!-- jQuery本体 --> <script type="text/javascript" src="js/jquery.js"></script> <!-- jQueryアダプタ --> <script type="text/javascript" src="js/shadowbox-jquery.js"></script> <!-- プラグイン自身 --> <script type="text/javascript" src="js/shadowbox.js"></script> <script type="
In today’s web design, Javascript is a must-have component. Aside from its functionality, Javascript can enhance user experience by creating transitional effects such as fading and sliding animation. Thanks to the open source Javascript frameworks, we don’t need to write custom Javascript from scratch anymore. Here are 47 Javascript plugins that you can use to enhance the user experience and funct
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
iBox - Lightweight inline popup iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload.多機能LightBoxのiBoxがバージョンアップ「iBox v2」。 以前に紹介したiBoxがバージョン2にアップしていました。 画像、HTMLドキュメントに加えてYoutubeビデオ、インラインコンテナ(hiddenで内部に記述したdiv)を開くことができるようになっているみたい。 iBoxは依存ライブラリがなく、ライブラリ自体は7KBなので、この機能だけ使いたいという場合に使えますね。
GlassBox WindowsVista風のLightBox作成JSライブラリ「GlassBox」。 若干表示が重いのですが、なかなかカッコいいUIを実現できます。 使い方は、以下のとおり 1. スクリプトを読み込み <script src="glassbox/glassbox.js" type="text/javascript"></script> 2. divでボックスを作成 <div id="myGlassboxContent"> <!-- Content --> </div> Content 部分にGlassBoxの中身を記述 3. スクリプトの初期化 <script type="text/javascript"> var myGlassBox = new GlassBox(); myGlassBox.init( 'myGlassboxContent', '400px', '30
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ~んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指
画像をクリックすると拡大してポップアップするデザインにしたい。 そんなあなたにおすすめなのが、『jQuery lightBox plugin』。超簡単に画像にlightbox効果を与えられるjavascriptだ。 『jQuery lightBox plugin』は、とてもシンプル。 <div id=”gallery”></div>といったタグで囲み、その中にimgタグを入れるだけで簡単にlightboxを実装できる。画像一つ一つにclassを割り当てたりする必要がなくていい。 また、カスタマイズも可能で、背景色を白以外に変えたり、透過度を変更したりすることができる。 サイトやブログのデザインを一歩前に進めるのに使えるのではないだろうか。 超簡単に画像にlightbox効果を与えられるjavascript、チェックして使っていきたいですね。 本を買いました。斉藤和義の初めての本な気がする。
ImageLoader Utility -YUI サンプルでは、タイマー表示、マウスオーバーやクリックをトリガーとして表示、スクロールして可視範囲に含まれたら表示などがあり、これらを組み合わせて画像の表示タイミングを調整することも可能です。 また、クラス名でのコントロールも可能です。 Lazy Load Plugin for jQuery jQueryのプラグインで、画像がスクロールして可視範囲にふくまれたら、画像の読み込みを開始します。 Lazy Load Plugin for jQuery 使用するには、dimensions.js(jQueryのプラグイン)も必要です。 また、jQuery 1.1.4ではバグがあるとのことなので、昨日リリースしたjQuery 1.2でも動作しないかもしれません。 jQuery 1.2のリリース情報 lazierLoad - Javascript Ima
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く