[JS]画像をフェードで切り替えるスライドショーのスクリプト -blackbox | コリス
Flashのように美しいフェードで画像を次々に表示するスライドショーのスクリプトをlab111から紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="myBlackcubeSlideShow"> <li><img src="photo1.jpg" alt="Foto 1" /></li> <li><img src="photo2.jpg" alt="Foto 2" /></li> <li><img src="photo3.jpg" alt="Foto 3" /></li> </ul> </textarea>
[JS]表示のモーションがセクシーな画像を拡大するスクリプト -SexyLightBox
SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。 同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。 SexyLightBox デモ SexyLightBoxはMootoolsのプラグインで、動作にはmootools.js 1.2が必要です。 設置方法は、「mootools.js」と「sexylightbox.js」を外部スクリプト、「sexylightbox.css」を外部スタイルシートとして参照し、拡大画像を表示する画像やテキストの箇所は、下記のコードを記述します。 <textarea name="code" class="html" cols="60" rows="5"> <a href="imagen.jpg" title="text" class="sexylightbox">Text</a>
ダウンロードできるMooToolsのAjaxサンプル41選『41 of the Best MooTools Ajax Example Downloads』 – creamu
DiaryTechnology ダウンロードできるMooToolsのAjaxサンプル41選『41 of the Best MooTools Ajax Example Downloads』 Ajaxでクールなインターフェースが実装したい。 そんなあなたにおすすめなのが、『41 of the Best MooTools Ajax Example Downloads』。ダウンロードできるMooToolsのAjaxサンプル41選だ。 以下にいくつかご紹介。 » Photo Gallery インタラクティブな素晴らしいフォトギャラリー。↑のキャプチャはこちら。 » Noob Slide クールにスライドするフォトギャラリー。 » Simple 3D Carousel MacのDockのような、3DのCarousel。 » Slider 水平、及び垂直のバー&スライダー » Sample Nav Ba
[JS]Mootoolsのプラグイン 41選 | コリス
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads
Home - Hot!Ajax Magazine
Animated CSS3 photo stack is use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run smoothly on modern browsers and mobile devices. We will also make the photo stack advance automatically, so you can use it as a slideshow.
Chroma Synthetic
Unveiling the Excitement of Live Betting Live sports betting adds excitement, letting bettors engage in real-time action 토토커뮤니티. Unlike pre-match bets, live betting demands quick decisions based on game dynamics. This article explores live betting strategies for success, elevating your betting experience. Understanding the Dynamics of Live Betting Live betting, also referred to as in-play betting,
画像をスライド表示させるjavascript「iCarousel」
Web上は無限のスペースがあるといえ、やはりディスプレイの表示領域には限界があります。 Fabio Zendhi NagaoのiCarouselを使用すると、ニュースティッカーや画像のスクロール表示することが出来ます。 今回は商品説明などでよく使われるような、画像のスライド表示を説明します。 使用方法 iCarouselからダウンロードしたiCarousel.jsとjavascriptライブラリmootools.jsをダウンロードします。 この2つと以下のスクリプトをhead内に埋め込みます。 <script type="text/javascript"> window.addEvent("domready", function() { var Carousel = new iCarousel("メイン画像用id", { idPrevious: "previous", idNext: "n
JavaScript(mootools)で映りこみを表現する（Reflection.js for mootools） - webデザイナーのナナメガキ
Home > JavaScript > JavaScript(mootools)で映りこみを表現する（Reflection.js for mootools） Newer Older web2.0おなじみの映りこみをJavaScriptで表現できるライブラリはReflection.jsが有名でかつ軽いですが、mootoolsでもできるみたいです。「Reflection.js for mootools」というプラグインでmootools.jsと一緒に使います。 Reflection.js for mootoolsはデモがよく出来ているので以下にほぼそのまま載っけます。透明度や高さ、背景色も変えられるので機能が一発でわかるようになってます。デモって大事ですね。 使い方は簡単で「reflection.js」と「mootools.js」を読み込んで、映りこみさせたい画像に「class=”reflec
華麗なイメージギャラリー＆スライドショーを実現するjavascript「SmoothGallery」
ブログでは写真を掲載するケースが多いですが、奇麗にかつ見やすく表示するのは困難をともないます。 JonDesignが提供するSmoothGalleryでは華麗なイメージギャラリーに加えて、スライドショーも実現できます。 sponsors 使用方法 SmoothGallery のDownloadからファイル群をダウンロードし、解凍すると「css」「scripts」などが出てきます。 このうち「scripts」から jd.gallery.jsとmootools.jsを、「css」からjd.gallery.cssをアップロードし、同時にheadに挿入します。 また「css」フォルダ内の「img」フォルダはjd.gallery.cssと同じフォルダにアップロードするか、jd.gallery.cssのimgの指定を絶対パスにしてください。 次に表示したい画像を以下の様に指定します。 <div id=
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「Hints.js」
twitter facebook hatena google pocket フォームでは作成者と入力者の意図が一致しないときがあります。 またユーザビリティの観点からもわかりやすいフォーム制作が求められます。 Hints.jsを挿入するとフォームに吹き出しでヒントを出すことができます。 sponsors 使用方法 Hints.jsからHints.jsとjavascriptライブラリのmootools完全版？というcomplete.jsをダウンロードします。 これら2つをheadに埋め込みます。 <script type="text/javascript" src="http://yourdomain/complete.js"></script> >script type="text/javascript" src="http://yourdomain/Hints.js"></script>
軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」:phpspot開発日誌
MooTools Mocha UI Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. 軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」。 次のような移動＆リサイズ＆クローズ＆最大化可能なウィンドウを簡単に作成できます。 サイト内のデモでは、タイトルと内容を入力することで、動的にウィンドウを作成できることが紹介されています。 フレームワークには、mootools 使用。 かなり軽快に動いてくれ、ページ内で別窓を作るＵＩを作る際にはかなり使えそう。 関連エントリ Prototype.jsベ
回転式の画像ギャラリーjavascript「MooRevolver」
twitter facebook hatena google pocket Eコマースなどで商品を陳列する際、一定時間で商品を変更していくケースがあります。 その場合にMooRevolverを使用すると、全商品を可視にしながらもエフェクトを付けることができます。 sponsors 使用方法 MooRevolverからMooRevolver.js、MooRevolver.cssをmootoolsからmootools.jsをダウンロードします。 <script src="http://yourdomain/mootools.js" type="text/javascript"></script> <script src="http://yourdomain/MooRevolver.js" type="text/javascript"></script> <link rel="styleshee
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List Mootools version1.0以降のものを使ったプラグインとごくごく簡単なサンプルのリスト。moo.fxやversion1.0以前で動くものは除外してます。(一部除く) tracやforumを常に追っている方にはあまり有用では無いかも。 項目をクリックすれば表示されます。コメントなどは下の記事へ。 mootools 1.0のプラグインやサンプル、デモなんかをまとめてみた。 * 勉強も兼ねているので、エフェクトがちょっと鬱陶しいかもしれませんがご容赦ください。更新履歴 (Changelog) は一番下にあります。 リンクをクリックする際は、新しくタブで開くことをオススメします。 09.05.14 追記: 検索でもトップのほうに来るのに、全然更新もしないし1.2以降に対応して
フォームの項目をチェックするjavascript「fValidator」
twitter facebook hatena google pocket 双方向性時代になりフォームは重要性を増し、簡便性に加え入力チェックが必須となってきています。 Fabio Zendhi NagaoのfValidatorでは、リアルタイムにフォームの項目をチェックすることができます。 sponsors 使用方法 fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。 2つのスクリプトをhead内に埋め込み、後はフォームを普通に書きます。 そして、必須項目の場合はclassにfValidate['required']を付与するだけです。 またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。 ・required：必須項目 ・alpha：アルファベット ・alphanum：アルフ
JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery
Because images often say more than words...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://creativepony.com/journal/scripts/autoaccordion/
tekArtist » Labs » MooTools » Moostick
::Cross browser marquee with mootools
http://youmos.com/news/fancymenu