タグ

jQueryに関するsamuri02のブックマーク (5)

  • かなりシンプルなAjaxスライドショー - omnioo lab.

    数あるAjaxのスライドショーなんですが、単純にスライドショーしてくれるものがあんまりないです。ただ単にスライドショーしてくれるスクリプトの紹介です。 Simple slide show Demo  jQueryライブラリーを使っています。これを使う方が手っ取り早いし安定してます。またGoogleではjQueryのAPIサービスを行っているので自由に利用することができます。デモ画面でもGoogleからライブラリーを読み込んでいます。ちょっとしたスライドショーだったらこれで十分なのですが自分の画像ギャラリーなど大量の画像などを読み込む際には自分でjQueryをダウンロードして自分のサーバーに設置した方がいいです。  ここでは手っ取り早くGoogleからjQueryを読み込む例を紹介します。 simple_jquery_slideshow.zip 設定方法 HTML HTMLソースではdiv

    samuri02
    samuri02 2011/10/31
    これだよ!このシンプルさが欲しかった!
  • Colorbox(lightbox)パネル関連|リッチなサイトを作ろう

    lightboxといえばprototypeの画像をオーバーレイで表示するプラグインを思い浮かべる方が多いかもしれませんが、 一般的にはオーバーレイで画像だけでなく、ドキュメントを含めたオブジェクトを表示するパネルの総称で、 jQueryのプラグインにもたくさん用意されています。 サイトに、このパネルを導入するだけでもスタイリッシュで、セクシーなサイトに見せることが出来ます。 ここでは、お勧めのパネルをいくつかご紹介します。 「カラーボックス」は数あるライトボックスの中でも最も高機能なプラグインの1つで、 これだけを導入するだけでもリッチな気分にさせてくれます。 カスタマイズも豊富で、必ずお気に入りのパネルになるでしょう。 この例は、複数の画像をクリックすることで次々とフォトアルバムのように表示させることが出来ます。 まずは、左端の画像をクリックしてください。パネルに拡大された画像が表示され

  • 画像投稿するだけで自動的にLightbox表示にしてくれるプラグイン「jQuery Colorbox」の導入方法。 | うつしよ

    以前は 「Lightbox2」 と 「jQuery Lightbox For Native Galleries」 を併用していたのだが、一つのプラグインで済ませられないかと思い、探してみた。 出来れば、画像タグ‹img›内に 「rel=”lighbox”」 を自動付与してくれて、ついでに Lightbox 乗換え時に、過去記事の画像コードを修正する必要がないプラグインがいい。 探してみると、何とこの希望を叶えてくれるプラグインが! jQuery Colorbox Lighthouse Ocean このプラグインは、個別記事またはページ毎に画像をグループ化、ギャラリーは自動的にスライドショーで表示することも可能。 また、インターフェイスのデザイン(Theme)も11種類から選択でき、動画の埋め込み、NextGEN Gallery にも対応している。 ダウンロードはコチラから↓ jQuery

  • はじめてのjQuery

    デザイナ向け「初めてのjQuery」

  • 少しのコードで実装可能な20のjQuery小技集

    2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! ↑私が10年以上利用している会計ソフト! 追記:この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です!詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基的な使い方 まずはjQuery家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

    少しのコードで実装可能な20のjQuery小技集
  • 1