人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryのスライダーで
http://www.jacksasylum.eu/ContentFlow/download.php

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

●質問者: kazuhiko11
●カテゴリ:インターネット ウェブ制作
✍キーワード:jQuery ギャラリー クリック スライダー マウス
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント

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);
};
},
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ