lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript. View on GitHub
![lightGallery](https://cdn-ak-scissors.b.st-hatena.com/image/square/36364a1ddc746ca0a97e16c46b9e54066eafb71d/height=288;version=1;width=512/https%3A%2F%2Fwww.lightgalleryjs.com%2Flightgallery.png)
lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript. View on GitHub
jQueryを使って写真やコンテンツ要素をスライドさせるプラグインは多々ある中、 スライドさせる要素または用途によって、いろいろなパターンでのスライド切り替えが可能になる jQueryコンテンツスライダープラグイン「Awkward Showcase」が便利そうだったのでご紹介。 Awkward Showcase – A jQuery Plugin ≫Awkward Showcase – A jQuery Plugin この「Awkward Showcase」コンテンツスライダーの特徴を「いくつかのすばらしい機能」として チュートリアルページに紹介されている内容として、 —————————————————————————————— ・互換性:すべての主要なブラウザ(Win & Mac用)と互換性がある。 ・キャプション:さまざまなアニメーションと高度な位置決めが可能。 ・ツールチップ:Y/X
ブラウザいっぱいに画像を表示し、画像のスライドやサムネイルの表示・非表示のエフェクトがかっこいいだけでなく、HTML5 Audioを使いサウンドも加えた臨場感溢れるスライドショーを実装するチュートリアルを紹介します。 デモページ ※音でます [ad#ad-2] 画像の表示はサムネイルから操作できます。 レッドの矩形は現在表示されているサムネイルで、それをクリックするとブラウザいっぱいに画像を表示します。 Fullscreen Slideshow with HTML5 Audio and jQuery ここでは、実装に使用しているスクリプトを紹介します。 jQuery ベースとなるスクリプトです。 Vegas Background スライドショーをブラウザいっぱいに表示するjQueryのプラグインです。 参考:背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas jS
divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 2011年02月10日- jShowOff: a jQuery Content Rotator Plugin by Erik Kallevig divを並べた後、たった1行でオシャレなスライダーが実装できるjQueryプラグイン「jShowOff」 次のような、なんともオシャレなスライダーが簡単に実装できてしまいます。 実際のコードは次のようにとてもシンプル。 <div id="features"> <div><p>This is a slide!</p></div> <div><a href="http://google.com"><img src="//www.google.com/intl/en_ALL/images/logo.gif" alt="Google Logo" /><
jQuery plugin - Easy Image or Content Slider | Css Globe This is my first jQuery plugin. I wrote several jQuery scripts but never made a real plugin just because I was I afraid of it's complexity. コンテンツを滑らかにスライドさせるjQueryプラグイン。 各種デモが以下で閲覧できます。 Default non-styled image slider Non-styled vertical image slider Non-styled vertical content slider マークアップが次のようにシンプルに記述できる点も導入の敷居が低くていいかんじです。 <div id="slider
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く