Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ:phpspot開発日誌
Ajaxorized 3d image reflection with javascript week, this week an image reflection script, using unobtrusive javascript. Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ。 画像に次のようなエフェクトをかけることが可能です。 使い方は簡単で、次のように３ステップ。 prototype.js、scriptaculous、reflection.js(配布しているもの) を読み込み <div id="holder"><img></div> を定義 <script> new Reflect3D('holder'); </script> 黒の背景画像にも対応しているようです。 1枚の画像でも、雰囲気のある画像として表示させることが出来ますね。
jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」:phpspot開発日誌
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」:phpspot開発日誌
FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpl... 次の記事 ≫：16x16ピクセルの芸術的favicon集 Instant.js Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages. 画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」 次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。 使い方は、まず、<script type="text/javascript" src="instant.js"></script> でinstant.js を読み込んで、 画像にcl
あらゆるページにもっと高機能な拡大鏡を追加できる『TJPzoom.js』 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
昨日ご紹介した「あらゆるページに拡大鏡を追加できる『Loupe.js』」の高機能版ともいうべきスクリプトをご紹介。 TJPzoomを使えば画像に拡大鏡をつけられる上、マウスドラッグでさらに拡大したり、高解像度の写真を別に用意しておいて拡大時にそっちを表示できたりします。 以下に簡単に使い方をご紹介。まずは基本パターン。 最初にスクリプトを導入。 <script type="text/javascript" src="tjpzoom.js"></script> 次に画像のコードを以下のように変更。divタグをつけるのと、widthタグをつけるのを忘れずに。 <div> <img src="test.jpg" style="width:640px; height: 480px;" onmouseover="TJPzoom(this);"> </div> なお、このほかにいくつかの画像ファイルを
Slot Online Terpercaya - Daftar Situs Judi Online
Bandar Judi Slot Online Terpercaya Judi slot online sekarang ini menjadi pembincangan hangat di kalangan bettor dari penjuru nusantara. Permainan judi yang ada di deretan casino telah hadir di perjudian online yang dapat kita akses dengan sangat mudah dan gampang. Bagi anda yang saat ini sedang ingin melakukan taruhan judi slot online tetapi masih sedikit binggung untuk memulai, anda sudah berada
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
jmblog.jp - Lightbox JS v2.0 shortcut keys add-on
[追記 2007-04-12] Lightbox 2 が v2.03 にバージョンアップして、キーボードショートカットの機能が改善されました。右カーソル、左カーソルでの移動が可能になり、Escキーで閉じることができるようになっています。ということで、このスクリプトは無用の長物と相成りました・・・ Lightbox JS v2.0 という画像をかっこよく表示させる有名なスクリプトがあります。複数の画像を「Image Set」として用意するとスライドショーが作成され、キーボードで前後に移動することができるのですが、nキーとpキーでしか移動できないので、あまり感覚的ではありません。そこで、カーソルキーでも移動できるようにしてユーザビリティを向上させるスクリプトを作成してみました。 Lightbox JS v2.0 shortcut keys add-on »sample 使い方はカンタン。Lig
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」:phpspot開発日誌
Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」。 以下のデモサイトを見ると分かりますが、今までにない超クールなスライドショーを実装できます。 実装方法は、まずスクリプトを読み込みます。 <script type="text/javascript" src="scripts/p
滑らかな画像スライドショーを実現するJavaScriptライブラリ:phpspot開発日誌
JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | What is it ? Using mootools v1.0, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website... 滑らかな画像スライドショーを実現するJavaScriptライブラリ。 画像の透明度を下げながら画像を切り替えるので、滑らかな画像切り替え効果が得られます。 デモページ 実装は、JavaScriptとCSSを読み込んでHTMLを定義し、Jav
Bridge Word
This shop will be powered by Are you the store owner? Log in here
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
blog@slightlyblue: rel属性無しでLightbox JS v2.02
Programming and Designing for the Web 損 FrogJS Javascript Gallery