jqueryのスライダーで

http://www.jacksasylum.eu/ContentFlow/download.php

のような感じなのですが、
マウスクリックではなく、マウスオーバーでギャラリーが動くものを教えてください。
リンク先は必須で、よろしくお願いいたします。

回答の条件
  • URL必須
  • 1人1回まで
  • 13歳以上
  • 登録:2011/05/27 12:01:03
  • 終了:2011/06/03 12:05:02

回答(1件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922011/05/27 16:12:37

ポイント60pt

ContentFlowすごくかっこいいですね。

jQueryのギャラリープラグインは検索すればいくつか有名なのは出てきますが、細かい動作やデザインをこだわると意外と希望のものが見つからないものです。

なので今回はContentFlowというイメージがあるのでContentFlow Addonを作って対応してみることにしました。

ダウンロード:

http://cherenkov.github.com/ContentFlowAddOn_hovermove/


こんな感じです。

afterContentFlowInit: function (flow) {
	var onmouseObj;
	var width;
	flow.Container.onmouseover = function(e) {
		clearInterval(onmouseObj);
		onmouseObj = setInterval(function() {
			width = flow.Container.getDimensions().width;
			if (width * 0.4 > e.clientX) {
				flow.moveTo('pre');
			} else if (width * 0.6 < e.clientX) {
				flow.moveTo('next');
			}
		}, 700);
	};
	flow.Container.onmouseout = function() {
		clearInterval(onmouseObj);
	};
},

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません