指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」:phpspot開発日誌
指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」 2010年05月31日- Lightbox_me - Stupidly Simple Lightboxing 指定した要素を直接していしてLightBox風表示させられるjQueryプラグイン「Lightbox_me」。 通常、LightBoxというと、画像や動画などをポップアップで表示する際に用いられます。別ページを開く場合にもiFrameを使ったりして実現されますが、このプラグインは少し違います。 <div id="hogehoge">hogehoge</div> という要素があったとすると、$("#hogehoge").lightbox_me(options) のようにすることで、指定した要素自体をLightBox風に表示させられます。 このプラグインを使うことで、予めHTM
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
ColorBox - ポップアップ内を自由に設定できる活かしたjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
おそろしく高機能でフリーなFlashフォトギャラリーの決定版「dfGallery 2.0」 - GIGAZINE
AJAXによって複数の好きな画像を一気にアップロードし、それをフォトギャラリーとしてページに埋め込んで表示できるのがこの「dfGallery 2.0」。フルスクリーンモードにすることもでき、FlickrやPicasaのアルバムと連携可能で、カスタムテーマとマルチスキンによって見かけやレイアウトを大幅かつ自由に変更可能で、さらに管理用のコンソール画面、複数のギャラリーセットとアルバムのサポート、BGMの再生なども可能です。これだけ高機能であるにもかかわらずフリーでの利用（Apache License 2.0）が可能となっており、あらゆる局面で利用可能となっています。 実際の動作デモやインストールとカスタム方法を解説したムービーの再生などは以下から。 dfGallery 2.0 - Free Flash Gallery | Dezinerfolio 上記ページからこの「dfGallery 2.
画像にマウスオーバしたときに虫眼鏡アイコンを表示するJavascript『Style Your Image Links』 – creamu
画像にマウスオーバしたときにオーバレイで画像を表示したい。 そんなあなたにおすすめなのが、『Style Your Image Links』。画像にマウスオーバしたときに虫眼鏡アイコンを表示するJavascriptだ。 このJavascriptでは、画像にマウスオーバしたときに枠を表示したり、アイコンやボタンを表示したりすることができる。 ↓にデモがあるので見てみてほしい。 » Style Image Links With Javascript ちょっと画像にエフェクトをかけたいときに便利ではないだろうか。 画像にマウスオーバしたときに虫眼鏡アイコンを表示するJavascript、チェックして使っていきたいですね。 昨日は車でお茶の水行ったあと新宿で飲み。とても楽しかった。 それで原付かクロスバイクがほしくなってきてしまった。どうしよかな。 これからMacと一眼レフ持って開発合宿行ってきます
mootools 110 Plugins：skuare.net
JavaScriptライブラリのmootoolsのプラグインを利用して出来るサンプルです。 Ajaxライブラリの一つmootoolsは、必要十分なメソッドに抑え、軽く、早いのが特徴です。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト関連、その他、日本語未解説の分類でAjaxライブラリmootoolsを紹介しています。 Image(19) Menu(13) Form(8) Text(9) Other(18) W/O_JP(45)
奥から手前にズームするJavaScript「Spacegallery.js」
twitter facebook hatena google pocket 最近はappleのcoverflowやらamazonのぐるぐるやら画像の見せ方が豊富になってきました。 今回紹介する「Spacegallery.js」はありそうでなかった、手法かもしれません。 奥から手前にずんずんとズームしながら画像を表示していきます。 sponsors 使用方法 Spacegallery.jsのDownLoadからファイル一式をダウンロードします。 あとは以下を記載します。 <link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text
amazonライクにぐるぐる回るJavaScript「3D Image Carousel」
twitter facebook hatena google pocket 最近amazonライクにぐるぐる画像を回すサイトが多くなっています。 今回はそんなぐるぐるを流行のjqueryで実現する3D Image Carouselです。 sponsors 使用方法 3D Image CarouselのDownLoad Filesからファイル群をダウンロードします。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="Tween.js"></script> <script type="text/javascript" src="jquery.tooltip.min.js"></script> <script type="text/javas
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
/画像・HTMLポップアップ表示
公式サイト ライブラリを使ったデモ ライセンス:MITライセンス prototype.js/script.aculo.usを使った同一ページ内ダイアログ作成ライブラリ
jQuery / JavaScript Zoom for Images - Magic Zoom
The elegant way to show high resolution, zoomed images Both Fortune 500 companies and small businesses choose Magic Zoom for it's rock-solid performance, good looks and ease of use. Coming with an affordable price tag, stellar support and regular updates, Magic Zoom has grown to be the most popular commercial JavaScript/jQuery image zoom on the internet. And we're not planning to lose that status
画像をランダムに表示する - JavaScript
サンプルと機能 → Sample 1：画像をランダムに表示する（画像にリンクを貼る場合） → Sample 2：画像をランダムに表示する 画像をランダムに表示します。 画像にリンクを貼ることで、ランダムバナーを作ることもできます。 サンプルスクリプト 緑の文字が変更箇所で、赤い文字が対応するスクリプトです。 "//"以下はコメントです。削除しても影響ありません。 必要な箇所をコピー＆貼り付けして編集してください。 → Sample 1：画像をランダムに表示する（画像にリンクを貼る場合） <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY bgcolor="#ffffff"> <SCRIPT language="JavaScript"> <!-- // ランダムに画像を表示する jmp = new Array(); img
美しいJavascript & Flashギャラリー33選『33 Most Beautiful Javascript and Flash Galleries』 | CREAMU
DiaryTechnology 美しいJavascript & Flashギャラリー33選『33 Most Beautiful Javascript and Flash Galleries』 写真をディスプレイできるギャラリーを作りたい。 そんなあなたにおすすめなのが、『33 Most Beautiful Javascript and Flash Galleries』。美しいJavascript & Flashギャラリー33選だ。 以下にいくつかご紹介。 » LightWindow lightbox風のクールなjavascript » Spry 画像がズームイン&アウトする素晴らしいインターフェース » Imago シンプルなAJaxイメージギャラリー » Flash Photo Stack 写真の束からめくるように写真を見られるFlashテンプレート » AutoViewer 水平ライン
33 Most Beautiful Javascript and Flash Galleries | Vivalogo Resources
Top 40 Free Open Source Social Networking Software This is Vivalogo’s list of best free, downloadable, open source social networking software / scripts (kinda hard to say all these words 🙂 ).Unlike some other lists you may find on the net, this one contains only really downloadable and functional software.Note: listed in no particular order. … Top 40 Free Open Source Social Networking Software Re
Javascriptのイメージギャラリー12選『12 Javascript Image Galleries』 – creamu
Javascriptでイメージギャラリーが作りたい。 そんなあなたにおすすめなのが、『12 Javascript Image Galleries』 。Javascriptのイメージギャラリー12選だ。 以下にいくつかご紹介。 » (E)2 Photo Gallery Made With Mootools Mootoolsで作られたオープンソースのギャラリー » jqGalViewIII たくさんのエフェクトが見られるギャラリー » Zenphoto オンラインギャラリーの様々な要望に応えている » Imago Ajaxイメージギャラリー。サーバサイドのスクリプトは使っていない Javascriptのイメージギャラリー、チェックして使っていきたいですね。 会社のMacにPHP環境をMAMPで構築しました。MAMPやっぱりすごいですね。数分でできます。。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.toto.com/Contact/bath/SPRINO_enquete.htm
写真スライド jCarousel - Riding carousels with jQuery
http://www.designwalker.com/seed/2007/07/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC%E3%81%BE%E3%81%A8%E3%82%8110%E9%81%B8.html
Ajax/Javascript/Dhtml examples and demos to download
http://youmos.com/reference/smooth_scroll_javascript.html