クロスフェード で画像を切り替える JavaScript の比較 | Web Learn Log
画像をクロスフェードで切り替えて表示する JavaScript を探していたのだが、単純にソレだけの機能のもの、切り替え方にクロスフェード以外のバリエーションを持つもの、クロスフェードに加えて同時にスライド機能を持つもの、幾つかあったのでそれぞれ簡単な使い方と機能、サイズなどを比較してみる。 bsn.Crossfader サイズ ライブラリ 設置難易度 他の機能 2.08K 無 ☆ 無し InnerFade-with-JQuery サイズ ライブラリ 設置難易度 他の機能 4.93K jQuery ☆☆ スライド、ランダム表示 Cross Slid サイズ ライブラリ 設置難易度 他の機能 11.4K jQuery ☆☆☆ スライドしながらクロスフェード jQuery Cycle Plugin サイズ ライブラリ 設置難易度 他の機能 23.1K jQuery ☆☆ 切り替え方 28 種
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
[JS]jQueryのプラグイン33+1選 -2010年9・10月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。 例とコードのダウンロードは以下から。 ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
[JS]超軽量・超高性能のコンテンツスライダーのスクリプト -Sudo Slider
クロスブラウザ対応、各パネルのブックマークやスクリプトのオフ時も配慮されたアクセシブルで超軽量・超高性能のコンテンツスライダーのスクリプトを紹介します。 Sudo Slider jQuery Plugin デモページ Sudo Sliderの主な特長 リスト要素で簡単にスライダーを実装。 AJAXで画像やHTMLをロード。 スクリプトのオフ時でもコンテンツが可能。 マルチプルなスライダーにも対応。 標準的なスライドからフェードまで多彩な表示を用意。 各パネルへの直接リンクが可能（ブックマーク可）、ブラウザの「前へ」「次へ」をサポート。 パネル内は画像、テキスト、動画、フォームなどさまざまなHTMLコンテンツを表示可能。 自動再生でスライドショーも可能。 ループ再生も可能。 セットアップは簡単で、カスタマイズも簡単。 IE6+, Fx, Chrome, Safari, Opなど主要ブラウザの
伊藤内科医院
大分市大石町4丁目1組の2 / 097-543-1100 月・火・金: 8:30～11:45 / 13:30～16:45 水: 8:30～11:45 / 13:30～14：45 木・土: 8:30～11:45 / 午後休診 休診日: 日曜・祭日・木曜午後・土曜午後
スライドギャラリー、エフェクトなど、画像関連のmootoolsプラグインまとめ - かちびと.net
最近jQueryばかりなので 備忘録的にmootoolsの プラグインもいくつかまとめて おこうと思ってエントリーします。 個人的に使用頻度が高いのは 画像関連なのでそれ中心に。 mootoolsもjQuery同様、軽量なjsライブラリとして人気を集めています。以前話題になったscroll-clock（スクロールバーで作られた時計）もmootoolsを使ってます。「それ、jQueryで出来るよ」というのはとりあえず置いておいて、mootoolsの画像関連プラグインをいくつかご紹介します。 ※利用にはmootools.jsが必要です。 Exhibition これいいかも。クリックした画像にスムーズにスクロールします。縦横斜めに動きます。 Exhibition / デモ / [sexy-lightbox href=’http://holyshared.github.com/Exhibition
Organic Tabs | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Have you ever seen a tabbed content area in a sidebar that was a little “jerky”? The jerkiness can be caused by a bunch of things, like the content in the tabbed areas are of different heights, or maybe the way the switch happens the current one is hidden for a brief second before the new one shows
Brian Reindel | Fantasy and Science Fiction Author
Welcome! My name is Brian Reindel, and I write fantasy and science fiction. If you enjoy reading short stories containing the paranormal, supernatural, aliens, other worlds and fascinating characters, then you're in the right place. Ray Bradbury, Isaac Asimov, Arthur C. Clarke and John Wyndham are my primary author influences, including a healthy dose of "The Twilight Zone" and "X-Files" — all add
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
タブメニューなにか良いのないかなと思って探していたら、10 Javascript Ajax Tabsというエントリが後々使えそうなのでご紹介しておきます。 タブに関するまとめは以下で。 10 Javascript Ajax Tabs とりあえず10のJavaScriptAjaxタブメニューエントリはこちらから。 エントリの中でも、以下のメニューが面白かったですね。 口で説明するのは難しいですが、タブをクリックすると上下にスライドしながら違う文章を持ってきます。 以下からサンプル＆ダウンロード可能 タブメニューに関して 最近仕事のほうも忙しくなり、なかなか更新できないでいます。 そんなわけで、今回のようにタブを紹介するときにまとめて関連する記事を紹介する率も高くなってきました。 ピンポイント紹介ではなくなってきていますが、ご愛嬌と言う事でお願いします。 [JS]スムーズに切り替わるタブ型コン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Sprites Generator Tool | Toptal®
写真スライド jCarousel - Riding carousels with jQuery
Courses and Tutorials in JavaScript | Envato Tuts+
http://slideshow.triptracker.net/
[JS]フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizer