とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる – bl6.jp
とても簡単かつ軽量なjQueryのスライダー「jQuery Slider²」を使ってみました。使いやすくて、サクっと実装できます。オプションで幅や高さも指定できますし、スピード、自動スライドも切り替えられ、それなりの機能もつけられるのでいい感じかと思います。以下、サンプルと使い方です。 [ads_center] 使い方 以下のサイトからダウンロードできます。 jQuery Slider² – Make your site slide – wex.im いつも通り、head内にjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascrip
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
コンテンツをループスライドするjQueryプラグイン「jQuery.simpleLoopSlider.js」
先日作ったループスライダーですが、せっかくなのでプラグインにしてみました。 よかったら使ってください。 IE 6でも動くと思います。 jQuery.simpleLoopSlider.js DEMO jQuery.simpleLoopSlider.js ダウンロード ライセンスはMITです。 使い方まず、jQuery.jsとjquery.simpleloopslider.jsを読み込ませ、任意の要素に適用します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.simpleloopslider.js"></script> <script type="text/javascript"> $(function () { $('#myslider'
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 | Tripwire Magazine
15+ Best jQuery Carousel Plugins To Impress Your Visitors in 2017 by Dustin Betonio | Last updated May 8, 2017 | jQuery Plugin Collections | 92 comments In web design, a jQuery carousel is an element giving visitors easy and visible access to several content items. It is typically a dynamic scrolling list of items in horizontal order where previous and next items are partially visible. The items,
レスポンシブに使えるjQueryスライダー8
Resources 8 Responsive jQuery Slider Plugins Henry JonesJanuary 10, 201219 Comments05.1k Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slide
Create a Stunning Sliding Door Effect with jQuery
Introduction Continue from our previous thumbnail effect series. This is the third one. If you missed the previous two, you can visit the following links: Thumbnail Gallery with Slick Heading and Caption Effect with jQuery Tutorial jQuery Thumbnail with Zooming Image and Fading Caption Tutorial This tutorial is going to be awesome! I got inspired by my friend's Image Splitting Effect from Tutsvall
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
全画面スライドを可能にするJavaScript「FerroSlider jQuery Plugin」
twitter facebook hatena google pocket 全画面スライドをさせられるとサイトの遷移が面白くなり、ユーザーを惹きつけることができます。 :: Alessandro Ferrini :: FerroSlider jQuery Pluginはこれを簡単に実現できます。 また簡単にプレゼンにも流用できそうです。 sponsors 使用方法 :: Alessandro Ferrini :: FerroSlider jQuery Pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="jquery.ferro.ferroSlider.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script
Draggable Image Boxes Grid | Codrops
Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area. Today we want to create a template with a fullscreen grid of images and content areas. The idea i
Beautiful advanced jQuery background image slideshow
A couple of weeks ago, I received an e-mail from a guy named Patrick. He just visited the website from Philadelphia and wanted to know how to create the slideshow header that’s on top of the page. Since I was also impressed by the effect, I took the time to recreate this effect myself. Our focus is the background image slideshow (including the text), not the other things (like the dropdown menu).
背景画像をスライドショーさせるJavaScript「Vegas Background jQuery Plugin」
twitter facebook hatena google pocket 背景画像を動かすことでインパクトのあるサイトが構築できます。 Vegas Background jQuery Pluginはフルスクリーンで背景をスライドさせられます。 さらにドットのオーバーレイをかけられるので、カッコイイ感じになります。 sponsors 使用方法 Vegas Background jQuery Pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="jquery.vegas.css" media="all" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.vegas.js
カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」:phpspot開発日誌
カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 2011年08月25日- PageScroll | jQuery Plugins カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 アニメーションさせるイベントや、アニメーションの種類、onScrollStart、onScrollFinishといったイベントハンドラの設定まで出来るというものです。 デモページがこれを使ってなかなかいい感じに実装されていて、メニューにカーソルを合わせると指定位置に加速度をつけながら移動するという面白いものになっています。 メニューをfixedで固定してあるので意外と使いやすいものになっていることが分かると思います。 クリック不要にすることでストレスを減らせている感じ メニューにカーソルを合わせると指定位置に
jQueryで背景画像をフルスクリーン表示してスライドショーに出来るやつ色々 - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider - かちびと.net
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul> デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示さ
コンテンツスライダーを実装できる380バイトほどの超軽量なjQueryプラグイン - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 シンプルで良さそうだったので メモ。コンテンツをスライドさせ る事が出来る、380バイト程度 の軽量なスクリプトです。軽い ですな、これは・・使い勝手も 良さそうです。 シンプルなスクリプトですがとにかく軽量ですね。 Lightest jquery content slider ever – 380 bytes div要素ごとスライドさせる軽量コンテンツスライダーです。コードはほんの数行で済むみたい。 $(document).ready(function (){ $('#button a').click(function(){ var integer = $(this).attr('rel'); $('#myslide .cover').animate({left:
ハイクオリティーなスライダー集「Top 20 Premium Quality Sliders 」
FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。 o’Slider 様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■SV Slider- Slideshow Script 様々なタイプのスライダー表現が可能なスライダー。フューチャリストのような見せ方もできます。 ■JQuery Slider/Image Rotator 爽快感のあるアニメ表現と豊富なトランジションが魅力のスライダーjQueryを使って制作されています。 ■jQuery List
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://aqua-create.com/jquery/jquery-slide-show-gallery-tutorials/
http://www.themeflash.com/30-powerful-jquery-slideshow-sliders-plugins-and-tutorials/
動きがかわいいcss3+jQueryのコンテンツスライダー・Pretty Simple Content Slider - かちびと.net