[JS]かわいい感じに画像を拡大表示するスクリプト -prettyPhoto
prettyPhotoは、角丸のかわいい感じのフレームやパーツを使用した、画像を拡大表示するLightbox風のスクリプトです。 prettyPhoto 背景色、拡大表示時のフレーム、ローディング時のアニメーション、ボタンなど他のLightbox風スクリプトよりかわいくデザインされています。 prettyPhotoで画像を拡大表示するには、スクリプトを外部ファイルとして、画像箇所に下記のようにrel属性に「prettyOverlay(一枚用)」「prettyOverlay(ギャラリー用)」を記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="画像の説明"><img src="thumbnails.jpg" alt="
fancyBox
Fancybox #Fancybox is the ultimate JavaScript lightbox alternative that sets the standard for premium user experience in multimedia display. Supports images, videos, maps, inline content, iframes and any other HTML content. This is the fifth generation of Fancybox. Both Carousel and Panzoom components are used under the hood and that's what makes this project so unique. In addition, Fancybox is ea
[JS]高いカスタマイズ性を備えたLightbox風のスクリプト -nyroModal
nyroModalは、アニメーションを伴って表示・非表示される、高いカスタマイズ性を備えたモーダルウインドウを生成するスクリプトです。 nyroModal デモページ nyroModalが生成するウインドウには、テキストなどのコンテンツをはじめ、複数の画像を使用したギャラリーや動画、AJAXコンテンツやフォームなどを表示することができます。 また、デフォルトのままでも気持ちよく表示・非表示されるアニメーション、背景、ウインドウなどをカスタマイズすることも可能です。 nyroModalはjQueryのプラグインのため、動作にはjquery.jsが必要です。
MovableTypeにLightviewを導入 - BULANCO log
MovableTypeにLightviewを導入したので、記録しておきます。 Lightviewは、Lightbox系の画像表示のライブラリですが、先日導入記録を書いたThickboxよりも、随分重くなると思います。内訳は、prototype.js(120k）使うライブラリの為、jquiry.jsに比べると、随分にヘビーになります。 ただ、thickbox.jsとは、違いかなりリッチに出来ています。 エフェクトがスムーズで美しく、角丸やスライドーショーなど、機能が盛りだくさんです。 オプションも多数用意させれていますので、エフェクトが好きで、色々といじりたい人向けのライブラリと思います。 では、インストールmemoです。 手順 ここから、Lightviewをダウンロードする。 zipファイルを展開し各ファイルを自分の環境に合わせてアップロード。 その時に、lightview.jsの40
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
prettyPopinStéphane Caron – No Margin For Errors
prettyPopin is a jQuery plugin that serves as a modal box. It is easily customizable and proved a lightweight solution to quickly and easily display content in context. It provides a nice way to display simple content or simple forms. If you want to display iframed content, video, images or flash, please take a look at prettyPhoto as it is a better alternative. For the full documentation, please t
[JS]多彩なカスタマイズが可能なLightbox風スクリプト -ColorBox
インターフェイスのデザイン、クローズやアローなどコントローラーのカスタマイズが可能な画像を拡大表示するLightbox風のスクリプト「ColorBox」を紹介します。 ColorBox 拡大表示できるのは画像のほかにも、インラインコンテンツ、外部コンテンツに対応しており、AJAX表示、画像ギャラリーにも対応しています。 デモでは、4パターンのカスタマイズが紹介されています。
Samurai Factory Official Web Site
Takanori Part: Design, Management Birthday: April 23
角丸でとてもかわいいlightbox系ポップアップ『prettyPhoto』 – creamu
Stephane Caronさんのブログで、「jQuery lightbox clone – prettyPhoto」というタイトルの角丸でとてもかわいいlightbox系ポップアップが紹介されています。 白の角丸、黒で透過の角丸、黒で透過のスクエアなど、とてもかわいいデザインになっています。 ポップアップするスピードも気持ちいいので、かなり使えるのでは。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. ライセンスは「Creative Commons Attribution 2.5」。商用利用も可能とのことですね。 ブラウザチェックも以下の通りされているようだから安心ですね。 ・Firefox
jQuery Lightbox - NETTUTS
Cost: Free, links back Found Via: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/ “Here’s my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.” -Stéphane Caron
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightboxスクリプトいろいろ - DesignWalker
[JS]画像もAJAXコンテンツもセクシーに拡大表示するスクリプト -SexyLightBox 2 | コリス
artViper Marketingagentur