Dynamic Drive DHTML Scripts- Lightbox image viewer 2.1
Aug 17th, 15': Updated script by DD to be responsive- images now shrink to fit inside small screen devices where the screen is smaller than the dimensions of the image. Only lightbox.js changed. Description: Lightbox Image Viewer 2.0 expands upon Lightbox Image Viewer with a few new features. While the original version is great for viewing images individually on the page, Lightbox 2.0 supports a n
Carousel Component 1.0 - Documentation
Important Notice - October, 2008 On October 1, 2008 Yahoo! announced the release of YUI 2.6.0. This release contained the official YUI Carousel component. As you know, the intent of my carousel component was to fill in a gap in the YUI library. In 2006, I created the ycarousel component. Thankfully, many people have found it useful over the last 2 years. Before I left Yahoo! in 2007, I spent some
Dynamic Drive DHTML Scripts- Step Carousel Viewer
Note (Nov 25th, 14): v2.0 Adds support for fluid width carousel, navigate by swiping/ mouse dragging, and image-less navigation buttons. See changelog. Description: Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth
aタグのイベントの書き方
古くからaタグでは多くのイベントが使えました。よく使われるイベントとしてはonclick、onmouseover、onmouseoutがあります。これらのイベントはaタグの中に記述されるのが現在でも一般的です。これは古いブラウザ／多くのブラウザで動作すること、そしてWeb作成ソフトでも、そのようにスクリプトを出力してしまうためです。ここでは手書きの場合での書き換え方法で説明します。 以下のサンプルは＋をクリックするとdivタグ部分の表示、非表示が切り替わります。これはツリーメニューなどで使われる手法です。【サンプル1を実行】 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;chars
[JS]画像に鏡面効果を与えるスクリプト -reflex.js
reflex.jsは、画像にクラスを指定するだけで鏡面の反射効果や立体効果を表現できるスクリプトです。 reflex.js 実装は、簡単でreflex.jsを外部ファイルとして指定し、画像にクラスを指定するだけで実装できます。 クラス指定によって、角度調整などが行えます。 JavaScript、CSSオフだと通常の画像が表示になります。
画像に鏡面効果を与えるreflection.js
画像に鏡面効果を与えるreflection.js Check Tweet 配布元：reulection.js1.7 ライセンス：MIT-license reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定さ
雑貨・家具・インテリアの通販サイト | ダルトン公式オンラインショップ
DULTON 1988年創業のインテリア雑貨メーカー。 誰もが使うあたり前に在る道具、身の回りのひとつひとつを 今よりもっと面白くすることで「道具を愉しむ、もうひとつの豊かさ」を提案します。 ファニチャー、ハウスウェア、ガーデンツール、キッチンツール、ステーショナリー等、 生活にまつわるあらゆるラインナップを展開しています。 ダルトン直営店ではその独自の世界を存分に味わうことができます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Loading...
Prototype extension: Showcase | 設置サンプル
画像を左右に傾かせるjavascript「reflex.js」
http://c-n.tw/
最高状態の透明度を満喫、伊豆半島最南端、中木へ行こうよ