画像ビューア(画像拡大縮小機能)

    

 
  
 3、JavaScript
 
  
 JS   ：
 
  
var viewer = new Viewer(document.getElementById('dowebok'));
  
jQueryバージョン:
$('#dowebok').viewer();
  
コンフィギュレーション
  
を  します.
デフォルト
  
inline 
ブール 
false 
inlineモードを  にする
button 
ブール 
true 
   の じるボタンが  されます(jQueryバージョンは  です)
navbar 
ブール /  
true 
サムネイルナビゲーションの  
title 
ブール /  
true 
  のピクチャのタイトル(  alt  およびピクチャサイズ)を  
toolbar 
ブール /  
true 
ツールバーを  
tooltip 
ブール 
true 
ズーム の  
movable 
ブール 
true 
  が    かどうか
zoomable 
ブール 
true 
  をズーム  にするかどうか
rotatable 
ブール 
true 
  が    かどうか
scalable 
ブール 
true 
  が    かどうか
transition 
ブール 
true 
  CSS 3  
fullscreen 
ブール 
true 
     
keyboard 
ブール 
true 
キーボードがサポートされているかどうか
interval 
せいけい
5000 
ミリ   で  
zoomRatio 
     
0.1 
マウスのスクロール のスケール
minZoomRatio 
     
0.01 
  スケール(Min Scale)
maxZoomRatio 
  
100 
  スケール(Max Scale)
zIndex 
  
2015 
ピクチャビューアmodalモード   のz-index
zIndexInline 
  
0 
ピクチャビューアinlineモード   のz-index
url 
   /  
src 
 きな  のurlを  する
build 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
built 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
show 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
shown 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
hide 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
hidden 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
view 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
viewed 
  ＃カンスウ＃
null 
コールバック  、プレゼンテーションの    
  :zoomify.jsリンク:http://www.dowebok.com/214.html 
    
1、ファイルを  する


  
2、HTML 
 
  
 3、JavaScript
 
  
$('.zoomify').zoomify();
  
コンフィギュレーション
1、  
  
を  します.
デフォルト
  
duration 
  
200 
アニメーション  
easing 
   
linear 
アニメーション  
scale 
  /      
0.9 
  の  スケール
2、  
  
  
 を げる
zoom 
  または  
$(‘.zoomify’).zoomify(‘zoom’); 
zoomIn 
  
$(‘.zoomify’).zoomify(‘zoomIn’); 
zoomOut 
  
$(‘#myImage’).zoomify(‘zoomOut’); 
reposition 
   
$(‘#myImage’).zoomify(‘reposition’); 
3、イベント
  
  
zoom-in.zoomify 
   のイベント
zoom-in-complete.zoomify 
  したイベント
zoom-out.zoomify 
   のイベント
zoom-out-complete.zoomify 
   のイベント