複数の画像をフラッシュのようにフェード効果で画像を表示するスライドショーを実装するスクリプトを紹介します。 Slideshow JS demo デモでは、サムネイルが両端の矢印アイコンでスライドし、サムネイルをクリックすると画像がフェードで切り替わります。 対応ブラウザは、IE7, Fx, Op, Safari, Chromeとなっており、サポート対象外ですがIE6でも動作します。 Slideshow JSはjQueryのプラグインのため、実装にはjquery.jsが必要です。
v1.5 (Oct 6th) : Gallery made responsive and mobile friendly, by supporting a percentage "width" value and swipe/ touch support. Also adds a new "scaleimage" option to scale the images inside the gallery in 2 different ways. Description: Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image b
Set defaults shiftzoom.defaultFading = true; //BOOLEAN startup image fading shiftzoom.defaultButtons = true; //BOOLEAN left top buttons shiftzoom.defaultNozoom = false; //BOOLEAN disable zooming feature shiftzoom.defaultBicubic = false; //BOOLEAN enable bicubic image interpolation for IE7+ shiftzoom.defaultWheelinvert= false; //BOOLEAN makes zoom behaviour identical with Google Maps
Friday, May 9, 2008 22 comments Reading EXIF data with Javascript Labels: binary, exif, image, javascript Update: I've also posted a jQuery plugin that uses this library. An example of using GPS tags with Google maps has also been posted here. Inspired by a comment on Ajaxian, I killed another afternoon or two making a small library capable of reading EXIF data from JPEG images, figuring I would a
画像にマスクを施せるJavaScriptライブラリ「Edge.js」と画像エフェクトライブラリ集 2007年08月06日- Edge.js (with basic IE 6/7 support) Edge.js 1.1 allows you to add individual masks (inc. inbuilt mask) to images on your webpages. It uses unobtrusive javascript to keep your code clean. 画像にマスクを施せるJavaScriptライブラリ「Edge.js」。 Edge.js を使えば次のように、画像にマスクを与えることが可能です。 次のように、JavaScript でマスク画像の配列を定義して、必要ライブラリを読み込んだ後、img タグに適切なクラスを付与する感じになります。 <!--
Julien Lecomte’s Blog YUI-based Image Cropper Widget I wrote a YUI-based image cropper widget that allows you to easily select which region of an image you’d like to crop. YUIベースの画像切抜きJavaScriptライブラリ。 次のような、画像の上をドラッグ&ドロップで次のように範囲選択することが可能です。 コードとしては、必要なライブラリを読み込んだ後、次のように初期化するだけで簡単に使えます。 <img src="myImage.jpg" id="myImageId"> <script> new YAHOO.widget.ImageCropper( "myImageId" ); </script> 関連エントリ p
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
タスクボタンのマウスオーバーでタスクの縮小画像を表示「Visual Task Ti... 次の記事 ≫:Ajax+PHP+Smarty+script.aculo.usなデータグリッドコンポーネント Gallery scripts - A library of DHTML and AJAX scripts - DHTMLgoodies.com Another Image gallery script. Thumnbails are listed inside a box at the left. You can click on the thumbnails to bring up a larger version in a right side panel. You can move between strip of thumbnails by clicking on left and r
©2005 Michal Migurski, Stamen Design This is a draggable, zoomable satellite mosaic of Antarctica that Eric found. Please use an up-to-date version of Mozilla, Internet Explorer, Opera or Safari to view. Read more below. The original image is 16,384 x 16,384 pixels, but the javascript on this page requests only the visible 256 x 256 pixel tiles needed to fill the smaller window. As the image is dr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く