画像を拡大させるJavaScript「JQuery.iviewer」
画像の細部まで拡大させることにより、商品などを魅力的に見せることが可能です。 今回はJaavScriptライブラリのjQueryプラグイン「JQuery.iviewer」を利用して実現します。 sponsors 使用方法 JQuery.iviewerにある、jquery.iviewer.jsとjquery.iviewer.cssをダウンロードします。 またMouse Wheel Extensionからjquery.mousewheel.jsを、もちろんjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.iviewer.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascrip
画像のズーム効果、画像の一部を拡大表示｜jQuery plugin｜Ajax｜PHP & JavaScript Room
jQueryを使用して、簡単に画像にズーム効果を付ける方法が掲載されています。 使用する画像は原寸大の画像1枚。 img要素のwidth/height属性にサムネイル表示時のサイズを指定しておきます。 サムネイル画像にマウスがのった時に、画像をサムネイル表示時よりCSSで画像サイズを25%大きくするアニメーションを行い、z-indexをあげて他の要素より上に表示するようにしています。 マウスが離れた時に、CSSで画像サイズを元のサイズに戻すアニメーションを行い、z-indexを元に戻す方法がとられています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
JavaScript製の画像スライダー・ギャラリーいろいろ:phpspot開発日誌
Top 10 Javascript slideshows, carousels and sliders JavaScript製の画像スライダー・ギャラリーいろいろ。 JavaScriptで画像を使ってアニメーションさせたり、リスト管理したりするライブラリが多数紹介されています。 SpaceGallery Noobslide Accessible News Slider SmoothGallery jQuery Multimedia Portfolio JCarousel Glider Carousel Carousel slideshow Carousel.us 過去の画像ギャラリー関連エントリ スライドショー付きLightBox風イメージアルバムのサンプル jQueryベースのLightBoxクローン「prettyPhoto」 ＵＩがクールでサクサク使えるMacウェブギャラリー風画像ギャ
prototype 55 plugin：skuare.net
JavaScriptライブラリのPrototypeとscript.aculo.usのプラグインを利用して出来るサンプルです。 prototypeはAjaxライブラリの先駆けと登場し、多くのサイトで使用されています。 ここでは、画像関連、メニュー関連、フォーム関連、その他、日本語未解説の分類でAjaxライブラリのprototypeならびにscript.aculo.usのサンプルを紹介しています。
punti+ chores tasks & rewards
Let your kids help in the house, do their chores and homework, gain points and then redeem them for prizes! While having fun they'll be incentivised to do their chores and task all while creating the habits that will form their future. punti+ is a simple yet powerful app to be used along reward systems and chore charts/trackers. You can have your own system or just use punti+ and come up with the
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
lala - BLOG » Ajaxフォトギャラリー
以前の話の続きでフォトギャラリーを探しているのですが たまーにチェックしているPHPSPOT開発日誌でAjaxフォトギャラリーがいくつか紹介されていたのでデザインが気に入ったやつを何個かインストールしてみた。 zenPHOTO デザインが好みじゃないので未検証 FrogJS Gallery デザインが好みじゃないので未検証 Slideshow Alternative デザインが好みじゃないので未検証 Javascript Flickr Slideshow デザインが好みじゃないので未検証 JonDesign’s SmoothGallery デザイン好み！！インストールは簡単、画像の登録にコード修正が必要みたいなので面倒。 CSS Photo Shuffler デザインが好みじゃないので未検証 Highslide JS デザインやや好み！画像表示jsの配布のみで画像一覧は自分
MooFlow V0.2 for MooTools 1.2
Image gallery uses MooTools. Features autosetup graps all images inside a element autoresize on changes of window dimensions fullscreen option scrolling with mouse wheel scrolling with key input (left and right cursor) autoplay presentation loop reflections via javascript load images via json (with event or on startup) load images from a html-source with selector-filter creates the UI automaticall
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設置サンプル
写真スライド jCarousel - Riding carousels with jQuery
MooFlow V0.2 for MooTools 1.2
Michael Leigeber