【モーダル】画像倍率100%のときは、マウスホイール縮小を無効にしてページスクロールしたい

Question

モーダルで以下の動作ができず、躓いています。

imgViewer2
http://207.235.73.100/

実践したいこと

・画像の上でマウスホイールを操作すると拡大縮小できるが
・画像倍率100%のときは、マウスホイール縮小を無効にしてページスクロールしたい

情報量少なく、申し訳ないのですが
コードのヒントなど、いただけましたらありがたいです。

Answer 1

まず、
調べたところ、imageViewer2ではなく、imgViewer2かと。
質問者さんがやってみたコードの記載がないので、コードのヒントは回答しかねますが、
ヒントでいいなら別のヒントを。

そのimgViewer2というjQueryプラグインの公式の説明ページを見て、
設定の仕方がないか探してみましょう。
もしくは、imgViewer2 使い方とかで探してみるとかです。

なんかかしら設定の方法はあると思いますよ。

その設定の方法なければ、自分でプラグイン改造してやるしかないですね。

Comments

[BlackField]

imgViewer2でした。。

JS初心者で、
公式の説明ページ調べるのにも時間がかかってしまいました。

1,マウスホイール縮小の有効無効の切り替えは
$("#image1").imgViewer2("option", "zoomable", false);

https://github.com/waynegm/imgViewer2/blob/master/plugindocs/options.adoc

2,getZoom
ズームしていない状態だと 1 の値が返ってくる
https://github.com/waynegm/imgViewer2/blob/master/plugindocs/methods.adoc

というところまで分かりました。

いまのコードの

$(".fancybox-stage .popImg img").imgViewer2();

jsの↑部分が

$(".fancybox-stage .popImg img").imgViewer2({
zoomable: false,
onReady: function() {
var zoomFlg = this.getZoom();
if(zoomFlg != 1) {
this.zoomable = true;
} else {
this.zoomable = false;
}
},
});

このようにかけるのかと、予想し試してみましたが
スクロールや＋－ボタンで拡大縮小できなくなってしまうという
動きになってしまいました。

getZoomして判定しないといけないのかと思うのですが、
どうすれば実現できるか、教えていただきたいです。
以下のjsがいまの実装コードです。

いま
・画像の上でマウスホイールを操作すると拡大縮小できる
・＋－で拡大縮小ができる
という状態です。

$(function(){
$('.popup_thumb').matchHeight();

$('.fancybox').fancybox({
closeExisting: true,
transitionEffect: false,
smallBtn: false,
toolbar: false,
touch: false,
autoFocus:false,
hideScrollbar: false,
afterShow: function(){
scrollpos = $(window).scrollTop();
$('body').addClass('fixed').css({'top': -scrollpos});
if(!$('.fancybox-stage .popImg .leaflet-container').length){
$(".fancybox-stage .popImg img").imgViewer2();
}
},
afterClose: function(){
$('body').removeClass('fixed').css({'top': 0});
window.scrollTo( 0 , scrollpos );
}
});

$('.pop-box .close a,.pop-box02 .close a,.pop-box02 .close02 a').click(function(){
$.fancybox.close();
return false;
});
});

[miyabi_pudding]

なるほど。
拡大縮小した時のコールバック指定できたりすると、やりようがありそうですね。
そこまで突き止めているなら、あと少しではないでしょうか。