かなりシンプルなAjaxスライドショー - omnioo lab.
数あるAjaxのスライドショーなんですが、単純にスライドショーしてくれるものがあんまりないです。ただ単にスライドショーしてくれるスクリプトの紹介です。 Simple slide show Demo jQueryライブラリーを使っています。これを使う方が手っ取り早いし安定してます。またGoogleではjQueryのAPIサービスを行っているので自由に利用することができます。デモ画面でもGoogleからライブラリーを読み込んでいます。ちょっとしたスライドショーだったらこれで十分なのですが自分の画像ギャラリーなど大量の画像などを読み込む際には自分でjQueryをダウンロードして自分のサーバーに設置した方がいいです。 ここでは手っ取り早くGoogleからjQueryを読み込む例を紹介します。 simple_jquery_slideshow.zip 設定方法 HTML HTMLソースではdiv
Colorbox(lightbox)パネル関連|リッチなサイトを作ろう
lightboxといえばprototypeの画像をオーバーレイで表示するプラグインを思い浮かべる方が多いかもしれませんが、 一般的にはオーバーレイで画像だけでなく、ドキュメントを含めたオブジェクトを表示するパネルの総称で、 jQueryのプラグインにもたくさん用意されています。 サイトに、このパネルを導入するだけでもスタイリッシュで、セクシーなサイトに見せることが出来ます。 ここでは、お勧めのパネルをいくつかご紹介します。 「カラーボックス」は数あるライトボックスの中でも最も高機能なプラグインの１つで、 これだけを導入するだけでもリッチな気分にさせてくれます。 カスタマイズも豊富で、必ずお気に入りのパネルになるでしょう。 この例は、複数の画像をクリックすることで次々とフォトアルバムのように表示させることが出来ます。 まずは、左端の画像をクリックしてください。パネルに拡大された画像が表示され
画像投稿するだけで自動的にLightbox表示にしてくれるプラグイン「ｊＱｕｅｒｙ Colorｂox」の導入方法。 | うつしよ
以前は 「Lightbox2」 と 「jQuery Lightbox For Native Galleries」 を併用していたのだが、一つのプラグインで済ませられないかと思い、探してみた。 出来れば、画像タグ‹img›内に 「rel=”lighbox”」 を自動付与してくれて、ついでに Lightbox 乗換え時に、過去記事の画像コードを修正する必要がないプラグインがいい。 探してみると、何とこの希望を叶えてくれるプラグインが！ jQuery Colorbox Lighthouse Ocean このプラグインは、個別記事またはページ毎に画像をグループ化、ギャラリーは自動的にスライドショーで表示することも可能。 また、インターフェイスのデザイン（Theme）も11種類から選択でき、動画の埋め込み、NextGEN Gallery にも対応している。 ダウンロードはコチラから↓ jQuery
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はじめてのjQuery