Destaque Slideshow Demo
jQuery Destaque Plugin A slide prestentation plugin with a built in paralax effect. This is a example page, for full documentation and details, see The Github README file Simple slides example: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed lacus vel mi imperdiet mollis. Nulla at nisi quam, at porta magna.
画像ギャラリー用jQueryプラグインなどまとめ | PozuPad
何かと使うことの多いギャラリー系プラグイン。生憎僕は1から作ることができないので、その都度配布されてるものをちまちま探していたりします。毎回同じプラグインを見ては、「あぁこれ前も見たなー」と思い出す情けない僕なので、ギャラリー集をまとめることにしました。 なお、ライセンス関係はメモしていないので各サイトにてご確認ください。 ギャラリー（ポップアップ型） ColorBox [ jQuery ] エフェクトがたくさん用意されていますね。 Fancybox [ jQuery ] シンプルなギャラリー。 Galleria [ jQuery ] フルスクリーン対応。 Galleriffic [ jQuery ] サムネイルリストの隣に画像表示。 Image Gallery v1.0 [ Flash ] 使う場面はあまり思いつきませんが、こういうの作れたら良いなぁ。 Lightview [ jQuer
Full Page Image Gallery with jQuery | Codrops
In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar […] In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically w
Design Bombs
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
Galleria — A JavaScript gallery for the Fastidious
Galleria — A JavaScript gallery for the FastidiousWelcome to Galleria Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria 1.0 started as a small hobby project but now has over 500.000 downloads worldwide. This site is now dedicated to version 1.2, c
Jqueryで動く綺麗な画像ギャラリー3つ | Liglog
Lig本サイトのオフィス紹介ページで使用するJqueryプラグインを探している際、初心者のtmkでも分かりやすそうなJSを3つ程見つけたので忘れない内にご紹介します。 slideViewerPro 1.0 横にスライドしていくシンプルなギャラリー。 コントローラーの有り無し、画像の自動再生などお好みの形に変更できます。 Galleria こちらもシンプルながら美しいギャラリーが作れます。サムネイルにカーソルを当てるとぼんやり明るくなるところが個人的に綺麗ポイントです。Allaboutさんで一から丁寧に設置方法を説明されているので、Jquery初心者入門編として良いかも知れません。 bxGallery こちらもシンプルながら画像の切り変わりが綺麗なギャラリー。 設置も簡単でHTMLを殆ど弄ることなく表示を変更する事が出来ました。 今回オフィス紹介ページで実際に使用させて頂い
[JS]多彩なエフェクトが面白い、ボックスにパネルをスライド・フェード表示するスクリプト -Mosaic
デモページ ダイナミックな斜め方向のスライドのアニメーションで表示 Mosaicの実装 HTML: circle 上記の一番上のキャプチャ、「circle」の実装例です。 <div class="mosaic-block circle"> <a href="http://buildinternet.com/project/mosaic" class="mosaic-overlay"> </a> <div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div> </div> JavaScript:circle $(document).ready(function($){ $('.circle').mosaic({ opaci
[CSS]画像のキャプションを省スペースにさりげなく表示させるスタイルシート
画像にマウスをホバーさせると、キャプションがアニメーションでスライド表示される省スペース用エフェクトを実装するスタイルシートのチュートリアルを紹介します。 Slide In Image Captions [ad#ad-2] キャプションをスライド表示させる画像のデモ デモでは、画像ごとに異なる方向から異なる位置にキャプションがスライド表示されます。 デモページ スライドは、CSS3 transitionに対応したブラウザ（Chrome, Safari, Opera）ではアニメーションで表示し、非対応ブラウザ（Firefox3）ではアニメーション無しで表示されます。 [ad#ad-2] 以下は元記事の各ポイントを意訳したものです。 なぜ、このようなエフェクトをするのでしょう？ それはレイアウトのスペースを節約するためです。そして、キャプションの存在は画像からユーザーの気を散らしてしまうことも
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 2011年04月12日- Slider Kit, sliding contents with jQuery 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」 このプラグインを使うことで実に様々なスライダーが実現出来ます。以下にサンプルを。 一見普通の画像 カーソルを合わせるとページ送りが出るUI。これだけでもシンプルでかなり使えそう。無駄なUIは不要という方に。 ページインデックスを次のように○で表示したスライダーも作れます。 ページ番号がついたもの サムネイルがついた物 サムネイル＋ラベル付き サムネイルを横に配置したもの シンプルにサムネイルを敷き詰めた例 何らかの製品等の特徴を表示するようなおなじみのタブUI型スライダーも。 画像だけでなくHTMLも使える タ
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer - かちびと.net
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
使えるギャラリーにする方法
WordPress のギャラリー機能使っていますか？ 使いにくい WordPress のギャラリーをちょっと使えるようにするカスタマイズです。 ものすごく長くなってしまいました ... できるだけ簡単にまとめてみたので興味があるひとはぜひ読んでみてくださいね！ Webサイトで写真を一覧表示したいときに、よく使われているギャラリー。WordPress のテーマにも、Webサイト全体をギャラリーみたくするものも、数多くありますよね！でも普段はブログや一般的な Webサイトとして使っていて、その中の数ページをギャラリーページとして使いたい … ってこともあると思います。 私の場合、ギャラリーを jQuery のプラグインと組み合わせて作成する事が多いので、WordPress のギャラリー系のプラグインは使ってません（おすすめのギャラリー系、画像管理系のプラグインがあったら教えて欲しいです）。 ま
美しい写真スタック
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, […] In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse throug
Mats Cordt, Photographer.
People, Cars, Fashion, Landscape, Advertising
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種:phpspot開発日誌
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種がまとまったエントリのご紹介。 新しいものから古いものまでいろいろとまとまっているようです。 カバーフローみたいなギャラリー実装プラグイン なかなかクールなサムネイル付きギャラリー実装プラグイン UIがクールなギャラリー実装プラグイン ギャラリー用のプラグインはすでに多数ありますが、色々と覚えておくのも引き出しを増やしておくという面でよいかもしれませんね。 以下のエントリを参照してください。 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 超カッコいいApple風スライドショ
ギャラリーを作成する為のjsやWPテーマ、プラグイン、Flash、CMSなど47点 - かちびと.net
何かと需要の高いWebギャラリーを 作るためのjqueryプラグインなどのjs やFlashギャラリー、WordPressでサクッ と作るためのプラグインやテーマなどの まとめです。 柔軟性を考慮し、FlickrなどのWebサービスから引張るようなギャラリーは割愛しました。全部で47点。稼動するか未検証なものもありますので参考程度に。探せばまだ有りそうです。 マウスオーバーで画像を出すようにしているので二度手間が少ないかなと思います。やや表示に時間がかかるかも。 javascript jQuery Gallery Slider / マウス移動でダイナミックに。IE6~8、他各種ブラウザ対応 with Semi-Transparent / キャプション付jqueryプラグイン。自動で切り替わる Image Rotator / サイドにサムネイル。jquery使用。手動切り替え Gallery
1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」:phpspot開発日誌
1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」。 次のような、左右のナビゲーションとページ番号がついたスライドショーの実装スクリプトの紹介です。 jQueryプラグインではありませんが、jQueryバリに簡単に実装できる模様です。 var slideshow=new TINY.slider.slide('slideshow',{ id:'slider', // スライドショー用のdivのID auto:3, // 自動再生の秒数 vertical:false, // 垂直方向に移動するかどうか navid:'pagination', // ナビゲーションのID activeclass:'current', // ナビゲーションLIのアクティブなクラス名 position:0 // 最初のスライド位置 }); カスタマイズも容易ですね。 デモと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
認証がかかっています
http://e0166nt.com/blog-entry-873.html
