関数を呼び出す関数を作成する方法
-
12-11-2019 - |
質問
画像ズーム機能を持つjQueryファイルを使用しています。
http://www.albanx.com/jslibs/axzoomer.js
すべてがうまく機能しています。しかし今、プラグインに含まれていない機能が必要です。 ズーム起動イベントで、デフォルトのズームレベルを変更する必要があります。
私はこのようなものをやった:
imageLoaded:function()
{
return this.each(function()
{
var $this = $(this);
$this.zoomInOut(1.5);
// zoomInOut(1.5);
});
},
.
しかし運のない...私が考え出したときに機能がどのように機能しているのかわからないので...
任意の助けが高く評価されています。
更新
以前に表示される機能は、このJSファイルに統合されています。
http://www.ifmi.lt/public/axzoomer/axzoomer- 1.5.js (行382)
axzoomerの作品を知らない人のために:あなたは通常のサイズで2つの画像を提供する必要があります。もう1つはズームの大きさです。次に、画像のスケールが1.2を超える場合、小画像をスケーリングすることによって最初のズームを開始すると、大きな画像がロードされています。
私のコードでは、jquery.reel
ライブラリを使用しているため、Axzoomerアプローチを少しカスタマイズしました。 ZOOMボタンをクリックすると、この機能が呼び出されます。
.
function zoomImage ()
{
var value = Number ( $('#image360').attr('src').split ( '_' )[1].split ( '.' )[0] );
$('#zoom-content').load( initiateZoom );
$('#zoom-content').attr ( 'src', 'products/1/' + value + '.jpg' );
$('#zoom-content').attr ( 'src-big', 'product/1/zoom/' + value + '.jpg' );
$('#zoom-content').axzoomer({
'maxZoom':3,
'opacity':0.5,
'sensivity':17,
'showControls':false,
'zoomIn':'',
'zoomOut':''
});
}
小画像がロードされたら、initiateZoom
関数が呼び出されます。
axzoomer ( 'imageLoaded' );
関数はJSから到達可能で、小画像がロードされたときに呼び出されます。
.
function initiateZoom()
{
$('#zoom-content').axzoomer ( 'enable' );
$('#zoom-content').axzoomer ( 'imageLoaded' );
}
であるとImageLoadedの内側(382行目線で始まるAxzoomer.js関数)I ZoomInout関数に達することはできません。初期負荷時に画像をズームします。
解決
大丈夫、問題への異なるアプローチをして、それはしばらくなくなった。
これは耐寒性です。
ファイル:> http://www.ifmi.lt/public/Axzoomer / Axzoomer - 1.5 + .js
- 追加新設定パラメータ:Initialzoom(行32)
- InitialZoomパラメータのチェックを追加しました(行382)
新しい機能はinitialzoomパラメータをチェックし、存在する場合は、AX-Zoomeが初期化したときに画像の中心からその画像をズームする。