Create Featured Content Slider Using jQuery UI - WPLoaded
Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back. There are a few tutorials on creating featured content sliders li
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム:phpspot開発日誌
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム 2009年03月23日- Create a Simple Picture Gallery using PHP 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラムが公開されていました。 PHPファイルが1個と、非常にシンプルなものなので、PHPをはじめたばかりという方にもカスタマイズは容易かもしれません。 画像さえフォルダにおいておけば、サムネイルは作ってくれるというものになってます。 クリックで拡大されるLightBox機能が入ってます。 凝ったギャラリースクリプトはカスタマイズも大変だけど、こういうシンプルなものをカスタマイズしていって自分好みのギャラリーを作るのもよさそうですね。 画像を扱うので、PHPにはGD拡張が必要なので、XAMPPやGD拡張が備わったサーバで動
フェードイン&アウトで切り替わるjQueryのスライドショー – creamu
83317481, Maria Teijeiro/ Lifesize/ Thinkstock フェードイン&アウトで切り替わるスライドショーが作りたい。 そんなときにおすすめなのが、『Build a Simple Image Slideshow with jQuery Cycle』。フェードイン&アウトで切り替わるjQueryのスライドショーです。 jQueryのスライドショーは画像が移動するものがよく見られますが、これは同じ場所で切り替わりますね。動きが自然で気持ちいいです。 デモは以下から。 View the demo デザインの仕方から、XHTML / CSS、JSまで解説されているので、ぜひ見てみてください。 Build a Simple Image Slideshow with jQuery Cycle いつもと違うカフェに入ってみた。客層も雰囲気も違っていい感じだ。 今日は作業
Slideshow 2! A javascript class for Mootools 1.2 to stream and animate the presentation of images on your website
Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage
サクっとエフェクト/ CSS Crossfader : altstack weblog
HOME > Weblog > web > サクっとエフェクト Javascript / CSS Crossfader サクっとエフェクト Javascript / CSS Crossfader たった1.7KBのJavaScriptで設定したブロック要素を切り替えてくれる Javascript crossfader。 この手のスクリプトは色々見聞きするけど、ライブラリ不要な上、設定の簡単さ・お手軽さでは抜群。 写真を切り替えるだけのFlashはもう要らない！？ 使い方は簡単。 ここからダウンロードしたjsファイルを、サーバに保存。 スクリプトを呼び出して・・・・ <script type="text/javascript" src="js/bsn.Crossfader.js"></script> 切り替えたい内容を <div class="cf_element" id="cf1"> </
[JS]一つのリスト要素で実装する画像ギャラリーのスクリプト -slideViewerPro
カスタマイズが可能な、一つのリスト要素で実装する画像ギャラリーのスクリプト「slideViewerPro」を紹介します。 slideViewerPro 上記のキャプチャはslideViewerProの元となるslideViewerのもので、直系の子孫にあたるとのことです。 画像の箇所は、一つのリスト要素で構成されています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="my-folio-of-works" class="svwp"> <ul> <li><img alt="Meander - P.J. Onori" src="images/01.jpg" /></li> <li><img alt="Flock and Predator - L. Ongaro" src="images/02.jpg"
[JS]画像切り替えやパネル表示にフェードを使ったスライドショーのスクリプト -Fade-in slideshow
画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。
Ajax画像イメージギャラリー＆スライドショーのまとめ7選 : 4GALAXYのメモ
15 24 08 2007 Ajax画像イメージギャラリー＆スライドショーのまとめ7選 Samples, Ajax 仕事で調べる機会があったので、実用的に使えそうな物をピックアップ Sample - Highslide JS サムネイルからポップアップで原寸表示ギャラリー、Keyboardからもコントロールできます。HTML、Flashの表示も可能 Sample - ThickBox 3.1 画像のほかにもHTML、IFRAM、INLINEコンテンツに対応しています。jQueryライブラリ使用。 Sample - Fading Slideshow 1ページ型 大きめの画像スライドショーなんかに良さそうです。prototype.js scriptaculous.jsを使用 Sample - JonDesign’s SmoothGallery 埋め込みスライドショー型 Sample
画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集:phpspot開発日誌
57 Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design 画像ギャラリーを作る際に使えるFlashやJavaScriptを活用したライブラリ＆サンプル集が公開されていました。 3Dを使った物や、ＵＩ的に面白い物が色々あって、ちょっとしたサプライズを持った画像ギャラリーなんかを作るのに活用できそう。 3D Curve Wall スムーズかつ立体的に動作する感じで次世代を感じさせる Spiral Carrousel XML 使いにくいけど立体的で面白い動作をします Polaroid Gallery 机の上に置いた写真をマウスで移動できる面白いＵＩ TiltViewer マウスの動きによってギャラリーが傾くという面白いＵＩ。デザインや動きが秀逸。 Galleriffic Sl
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件:phpspot開発日誌
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件 2009年08月12日- リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」 これまたなかなか凄いフレームワークが現れました。 「またフレームワークか」と思った方も、必見の機能があるので以下を参照してみてください。 以下にそのフィーチャーをピックアップしてみます。好きな機能だけを使うっていうのもありかもしれません。 カーソルを合わせるとアニメーションしながら切り替わるリンク 画像切り替えの様々なエフェクト集。これだけでも使いたい 色々なエフェクトで画像が切り替わるスライドショー機能 ソートできるカラーテーブル。こちらもユニーク カラーブレンダー 近似色をソートできるウィ
http://slideshowjs.com/
Slideshow JS Cross-browser compatible, supports custom styles and images, and won’t conflict with other frameworks. Slideshow JS is a free JavaScript library that makes it easy to showcase your images. It requires no scripting, is completely configurable via markup, and, although it ships with default styles out of the box, it supports custom stylesheets and images. It’s 100% unobtrusive and tak
div要素をクロスフェード表示するJavaScript | WWW WATCH
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript / CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのは JavaScript ファイル 1つのみ。ダウンロードした JavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
[JS]アニメーションで快適に動作する画像ギャラリーの超軽量スクリプト
画像の切り替えはフェード、サムネイルはスライドするアニメーションで動作する画像ギャラリーの超軽量（5KB）のスクリプトをLeigeberから紹介します。 ※jQueryなどの他のスクリプトには依存していません。 Animated JavaScript Slideshow - 5KB demo デモでは画像の切り替えがフェードで行われ、タイトルとキャプションがスライドして自動で表示されます。 サムネイルは左右にスムーズにスライドします。 各タイトルとキャプションと画像のセットはリスト要素で、それぞれh3, p, imgで実装されており、スクリプトオフ時にはリストの状態で表示されます。 スクリプトのオプションでは、スピード、不透明度、カラー、オート・手動、ダイアログの有無などが調整できます。 動作環境は、Fx, IE, Op, Safari, Chromeとなっており、IE6でも動作しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AIRTIGHT - SimpleViewer flashno