これはカッコいい、テレビのノイズ画面風背景のLightBox作成:phpspot開発日誌
Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」:phpspot開発日誌
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」。 様々なファイルフォーマットに対応したLightBoxは色々とありますが、Bumpboxもその多彩なフォーマット対応をしたLightBoxのようです。 ＰＤＦを開いた例 FLVビデオを再生している例 表示する時のアニメーションもいい感じです。 関連エントリ クールにデザインされた多機能LightBox「ColorBox」 JavaScriptなしに動作するLightbox「Futurebox」 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム
[JS]img要素の属性で画像をLightbox風に拡大するスクリプト -Fullsize
img要素の属性「longdesc」「title」を元に、Lightbox風にスムーズなアニメーションで画像を拡大するスクリプト「Fullsize」を紹介します。 Fullsize A New IMG Tag Attribute 「longdesc」は本来、画像の（詳細で長い）説明ページへのリンクを記述する属性です。 作者は、img要素に大きい画像を指定する属性「fullsize」を望んでおり、その代わり（？）として「longdesc」を使用したとのことです。 属性を使用しているため、img要素にリンク（a）を設置できる仕様は大きなポイントだと思います。 スクリプトの「longdesc」「title」を変更したい場合には、「jquery.fullsize.js」のL.71, 75, 76を変更すればよさそうです。 対応ブラウザはIE6/7/8, Fx, Op, Safari, Chrome
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム:phpspot開発日誌
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム 2009年03月23日- Create a Simple Picture Gallery using PHP 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラムが公開されていました。 PHPファイルが1個と、非常にシンプルなものなので、PHPをはじめたばかりという方にもカスタマイズは容易かもしれません。 画像さえフォルダにおいておけば、サムネイルは作ってくれるというものになってます。 クリックで拡大されるLightBox機能が入ってます。 凝ったギャラリースクリプトはカスタマイズも大変だけど、こういうシンプルなものをカスタマイズしていって自分好みのギャラリーを作るのもよさそうですね。 画像を扱うので、PHPにはGD拡張が必要なので、XAMPPやGD拡張が備わったサーバで動
クールにデザインされた多機能LightBox「ColorBox」:phpspot開発日誌
ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化してページ送り機能 AjaxでHTML取得 インラインＨＴＭＬも可能 ビデオ埋め込み IFRAMEで外部ページの埋め込み 機能も勿論多機能でいいのですが、デザインが色々と選べるところがいいです。 以下、３つのテーマが基本テーマ以外に用意されているみたいです。 シンプル調 Apple風(?) シンプル調2 カスタマイズして簡単にデザイン変更もできそうです。 jQueryプラグインで、MITライセンスとのこと。 関連エントリ カスタマイズできる多機能LightBox「Lightview」 表示法が新しく
[JS]多彩なカスタマイズが可能なLightbox風スクリプト -ColorBox
インターフェイスのデザイン、クローズやアローなどコントローラーのカスタマイズが可能な画像を拡大表示するLightbox風のスクリプト「ColorBox」を紹介します。 ColorBox 拡大表示できるのは画像のほかにも、インラインコンテンツ、外部コンテンツに対応しており、AJAX表示、画像ギャラリーにも対応しています。 デモでは、4パターンのカスタマイズが紹介されています。
Top 50 jQuery Gallery & Image Sliders for 2020 - 1stWebDesigner
Since usually the best galleries are created in jQuery, we’ve mainly focused on jQuery type sliders, but there are a few simple CSS galleries as well. This collection has been organized into five main categories so you can easy switch to your preferred section. Before we start, we wanted to tell you that it’s up to you to go for a free or premium solution for your jQuery gallery or slider. Your We
Plugins | jQuery Plugins
Lightboxes are a way to display an image on the same page simply and elegantly. Features: Lightboxes can be grouped together. Titles and descriptions for images. Additional files are included automaticly. So you only have to include one js file, and it does the rest. New/optimised design and transitions. Provides many easy automatic and manual ways of creating and starting lightboxes. Easily confi
イメージのLightbox系スクリプトのまとめ
画像の拡大にLightboxとかThickboxとかを使うのですが、 他にもいろいろ出ているので、自分のメモのために一覧にしておく。 一覧はライブラリごとにまとめてみました。 まとめてみると、いろいろあるものですね。 ◆Lightbox系スクリプト jQuery Facebox 1.2 FancyZoom meet jQuery デモ：http://orderedlist.com/demos/fancy-zoom-jquery/ FancyBox Imagebox jQuery lightBox plugin jQuery Lightbox Plugin (balupton edition) デモ：http://www.balupton.com/sandbox/jquery_lightbox/ nyroModal piroBox prettyPhoto Slightly ThickerBo
第3回 Lightbox風プラグインでダイアログ表示（2） | gihyo.jp
フォルダ構成（サンプル） 初期設定 ファイルが用意できたところで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="
SexyLightBox - www.coders.me
Hosting on legacy fx on our shared hosting web hosts plans may be a very easy task, and if you carefully follow all the instructions provided below, you ought to have your website up and running in but 10 minutes. This tutorial has been written for and tested on Linux servers with DirectAdmin and cPanel. In order to attach your website like ForexBrokersSouthAfrica on a shared web hosting account,
スライドショー付きLightBox風イメージアルバムのサンプル:phpspot開発日誌
Dynamic Image Gallery and Slideshow - Web Development Blog This extremely lightweight JavaScript image gallery and slideshow script clocks in under 3kb packed and includes a number of cool features. スライドショー付きLightBox風イメージアルバムのサンプル。 次のようなＵＩを持つイメージアルバム実装用のコードサンプルが公開されてます。 デモページを開いてみる ページ送りする際もフェードイン/アウトしてクールになってます。 自動ページ送り機能もあってなかなかいいです。 関連エントリ 気持ちよいスライド機能を提供する「noobSlide」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画
lightbox
prettyPhoto prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly an
The Lightbox Clones Matrix « planetOzh
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
ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャラリー「qGallery」:phpspot開発日誌
qGallery - beta 0.8.9 | Sebastian Brink - quadrifolia.de ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャラリー「qGallery」。 画像はもちろん、LightBox風に開き、クールにアニメーションします。 クリックでデモがあるページに移動 １ページに収まる表示枚数も調節することが出来ます。 カバーフロー表示も可能 Safari3.1、FireFox2.x、IE7で動作。IE６では動かないみたい。 関連エントリ jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 ポラロイド風に写真を美しく魅せる画像ギャラリー「Polaroid Gallery」 滑らかで操作性のよいフォトスライダー実装JSライブラリ「Photo Slider」 超絶クールなMacスタイル写真ギャラリー「PhotoFl
jQuery版のLightBox「ThickBox」
jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードし、ThickBoxを利用したいhtmlのhead要素などでそれらのファイルを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]スクリプト無しでLightbox風に画像を拡大表示するスタイルシート
LightBox(Movable Type)プラグイン。 | Junnama Online
[CSS]スタイルシートで実装するLightbox風エフェクト -CSS Light Box
「Greased Lightbox」画像リンクをLightbox表示/GreaseKit - ネタフル
