画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
ページ内リンクをスムーズスクロールする - JavaScript ｜ WEB上手
JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介 ページ内リンクをクリックすると通常は一瞬でスクロールされて画面が切り替わりますが、慣れていない人にはページが他のページへ移動したかと思ってしまうこともあると思います。スムーズスクロール機能を使うことで、ページ内でスクロールしているということが分かりやすくなります。 ご利用について 個人利用の場合はフリーでご自由にお使いいただけます。 法人・商用利用の場合はWEB上手(www.web-jozu.com)へのリンクを貼ってください。 個人利用の場合でもリンクを貼っていただけると、幸いです。 法人・商用利用の方でリンクを貼っていただけない場合はシェアウェア料金をお支払いいただくことで、ご自由にお使いいただけます。料金は以下のページでお支払いいただけます。 ※著作権は放棄してい
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer - かちびと.net
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
Google Analytics: script to track outbound links and downloads
Google Analytics: script to track outbound links and downloads Update 2011-10-10! Check out gaAddons free script example! Important! Please see "gaAddons open source project: enhancing Google Analytics" instead. In my opinion, tracking outbound links and downloads should be part of any good web analytics implementation. In the past, Google Analytics trackPageView() call was often used to track out
onClick無しでも発リンクを測れるJavaScript
＜Ａ＞タグ内にonClick無しで発リンク計測できます。 Google Analytics: script to track outbound links and downloads::immeria::web analytics blog::Stephane Hamel 外部への発リンク、メール、ダウンロードが計測可能。以下のようにライブラリ読み込みをすれば、すぐに使えます。 <SCRIPT LANGUAGE="JavaScript" SRC="gaAddons.js"></SCRIPT> これだけでOK。他に何もする必要は無く、＜Ａ＞タグ全てに効きます。 半信半疑だったのですが、上図のようにイベントトラッキングに記録されます。コンテンツ＞イベントトラッキング＞カテゴリーで、確認しましょう。発リンクであれば上図のように、outboundというカテゴリーが出来ているはず。 メールのリンクは
Google Analyticsにて外部リンクのクリックを自動でトラッキングできるga-external.jsが動作しない件について | ぶろゲ
Google Analyticsにて外部リンクのクリックを自動でトラッキングできるga-external.jsが動作しない件について Google Analyticsは無償で利用できる便利なアクセス解析ツールだが、外部アクセスを記録するためには工夫が必要だ。 Google Analyticsに限らず、自分の管理しているサイトより外部のサイトへのアクセスをトラッキングするためには、いくつかの方法がある。すぐに考え付くのは以下の2つだ。 aタグのhref属性に自分のサイトから外部サイトへリダイレクトさせるようなURLを記述する aタグのclick属性に自分のサイト（もしくはGoogle Analyticsのような解析サイト）にリクエストを呼ばすように記述する 前者は簡単に測定することができるが、利用者のリテラシーによってはそのままURLをコピペされてしまい、ブログに引用されてしまうなどの事故が
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
Open Source - Scroll Follow - The Kitchen @ Net Perspective
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQueryを使ったタブメニューの実装サンプルまとめ
**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日！ 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
[JS]jQueryのプラグイン33+1選 -2010年5・6月
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
jQueryでテキストリンクのマウスオーバー時に動きをつける
2014年8月20日 jQuery どのサイトにも必ずあるテキストリンク。それをもう少しおしゃれに表示できないかな？ということでjQueryでアニメーションをつける方法を紹介します。下のアンダーラインからペロッとでてくるので、うるさすぎず、アクセントになると思います！ ↑私が10年以上利用している会計ソフト！ IE6+, Firefox 3+, Safari4で動作確認済です。 サンプル See the Pen Text link – animation hover effect by Mana (@manabox) on CodePen. 必要ファイルをダウンロードする 必要なJavaScriptファイルを下記よりダウンロードします。 jquery.js jquery.color.js jquery.backgroundPosition.js 背景画像を作る マウスオーバー時に表示したい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
