クロスフェード で画像を切り替える 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～12:00・13:30～17:30（水曜日は15:30まで） ※受付時間は診療時間終了の30分前までとなります。 休診日: 日曜・祭日・木曜午後・土曜午後
スライドギャラリー、エフェクトなど、画像関連のmootoolsプラグインまとめ
cssやプログラミングMootools 最近jQueryばかりなので 備忘録的にmootoolsの プラグインもいくつかまとめて おこうと思ってエントリーします。 最近jQueryばかりなので 備忘録的にmootoolsの プラグインもいくつかまとめて おこうと思ってエントリーします。 個人的に使用頻度が高いのは 画像関連なのでそれ中心に。 mootoolsもjQuery同様、軽量なjsライブラリとして人気を集めています。以前話題になったscroll-clock（スクロールバーで作られた時計）もmootoolsを使ってます。「それ、jQueryで出来るよ」というのはとりあえず置いておいて、mootoolsの画像関連プラグインをいくつかご紹介します。 ※利用にはmootools.jsが必要です。 Exhibition これいいかも。クリックした画像にスムーズにスクロールします。縦横斜めに動き
Organic Tabs | CSS-Tricks
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 up and the content below it jumps up and back down quickly. For lack of a better term, I’m calling t
Brian Reindel | Writer
You can find me writing science fiction and fantasy short stories on my Substack, Future Thief.
Learn How To Code by Envato Tuts+
Thousands of free tutorials and online courses to help you learn software development from mobile devices to web applications and everything in between. Join our community to improve your coding skills and workflow. What would you like to learn? Our extensive learning guides provide a deep dive into various types of software development. Improve your WordPress knowledge, learn Ruby or PHP, get sta
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Sprites Generator Tool | Toptal®
写真スライド jCarousel - Riding carousels with jQuery
http://slideshow.triptracker.net/
[JS]フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizer
『10のJavaScript、Axaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳