サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Showing off the best content of your website orblog in a nice intuitive way will surely catch moreeyeballs. Using an auto-playing content slider is the one oftechniques to show your featured content.It saves you space and makes for a better user experience, and if you add a pinch ofeye candy toit, then there’s no looking back. There are a few tutorials oncreating featured content sliders li
学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラム 2009年03月23日-Create aSimple Picture Gallery usingPHP 学習にも使えそうな、PHPとLightBoxを使ったシンプル画像ギャラリープログラムが公開されていました。PHPファイルが1個と、非常にシンプルなものなので、PHPをはじめたばかりという方にもカスタマイズは容易かもしれません。 画像さえフォルダにおいておけば、サムネイルは作ってくれるというものになってます。 クリックで拡大されるLightBox機能が入ってます。 凝ったギャラリースクリプトはカスタマイズも大変だけど、こういうシンプルなものをカスタマイズしていって自分好みのギャラリーを作るのもよさそうですね。 画像を扱うので、PHPにはGD拡張が必要なので、XAMPPやGD拡張が備わったサーバで動
83317481, Maria Teijeiro/ Lifesize/ Thinkstock フェードイン&アウトで切り替わるスライドショーが作りたい。 そんなときにおすすめなのが、『Build aSimple Image Slideshow with jQuery Cycle』。フェードイン&アウトで切り替わるjQueryのスライドショーです。 jQueryのスライドショーは画像が移動するものがよく見られますが、これは同じ場所で切り替わりますね。動きが自然で気持ちいいです。 デモは以下から。 View the demo デザインの仕方から、XHTML /CSS、JSまで解説されているので、ぜひ見てみてください。Build aSimple Image Slideshow with jQuery Cycle いつもと違うカフェに入ってみた。客層も雰囲気も違っていい感じだ。 今日は作業
Slideshow 2! is ajavascript class for Mootools 1.2 to stream and animate the presentation of images on your website Slideshow 2! is ajavascript 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 forusage
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"> </
カスタマイズが可能な、一つのリスト要素で実装する画像ギャラリーのスクリプト「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"
画像の切り替えやパネルの表示にフェード効果を使用したスライドショーのスクリプトをDynamic Driveから紹介します。
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
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フレームワーク「UIZEJavaScript Framework」が凄い件 2009年08月12日- リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZEJavaScript Framework」 これまたなかなか凄いフレームワークが現れました。 「またフレームワークか」と思った方も、必見の機能があるので以下を参照してみてください。 以下にそのフィーチャーをピックアップしてみます。好きな機能だけを使うっていうのもありかもしれません。 カーソルを合わせるとアニメーションしながら切り替わるリンク 画像切り替えの様々なエフェクト集。これだけでも使いたい 色々なエフェクトで画像が切り替わるスライドショー機能 ソートできるカラーテーブル。こちらもユニーク カラーブレンダー 近似色をソートできるウィ
Slideshow JS Cross-browser compatible, supports custom styles and images, and won’t conflict with other frameworks. Slideshow JS is a freeJavaScript library that makesit easy to showcase your images.It requires no scripting, is completely configurable via markup, and, althoughit ships with default styles out of the box,it supports custom stylesheets and images. It’s 100% unobtrusive and tak
結構前に公開されているので、すでに使っている人もいるかと思いますが、最近、個人的な用途で使わせていただいたので紹介。 Brand Spanking New で公開されている、「Javascript /CSS Crossfader」 は、JavaScript ひとつで簡単に、任意の div 要素 （じゃなくてもいいんですが） をクロスフェード表示で切り替えてくれるスクリプト。スクリプト自体が軽いのと、設定も簡単なので、ちょっとした画像の切り替えなんかに重宝しそう。 デモがこちらで公開されています。 必要なのはJavaScript ファイル 1つのみ。ダウンロードしたJavaScript ファイルをサーバに上げたら、(X)HTML ファイルに読み込みます。 <script type="text/javascript" src="/js/bsn.Crossfader.js"></scrip
画像の切り替えはフェード、サムネイルはスライドするアニメーションで動作する画像ギャラリーの超軽量（5KB）のスクリプトをLeigeberから紹介します。 ※jQueryなどの他のスクリプトには依存していません。 AnimatedJavaScript Slideshow - 5KB demo デモでは画像の切り替えがフェードで行われ、タイトルとキャプションがスライドして自動で表示されます。 サムネイルは左右にスムーズにスライドします。 各タイトルとキャプションと画像のセットはリスト要素で、それぞれh3, p, imgで実装されており、スクリプトオフ時にはリストの状態で表示されます。 スクリプトのオプションでは、スピード、不透明度、カラー、オート・手動、ダイアログの有無などが調整できます。 動作環境は、Fx, IE, Op, Safari,Chromeとなっており、IE6でも動作しました。
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
