root / trunk / web / dojo / dojox / image / Gallery.js
History | View | Annotate | Download (2.96 KB)
| 1 |
/*
|
|---|---|
| 2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
| 3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
| 4 |
see: http://dojotoolkit.org/license for details
|
| 5 |
*/
|
| 6 |
|
| 7 |
|
| 8 |
if(!dojo._hasResource["dojox.image.Gallery"]){ |
| 9 |
dojo._hasResource["dojox.image.Gallery"]=true; |
| 10 |
dojo.provide("dojox.image.Gallery");
|
| 11 |
dojo.experimental("dojox.image.Gallery");
|
| 12 |
dojo.require("dojo.fx");
|
| 13 |
dojo.require("dijit._Widget");
|
| 14 |
dojo.require("dijit._Templated");
|
| 15 |
dojo.require("dojox.image.ThumbnailPicker");
|
| 16 |
dojo.require("dojox.image.SlideShow");
|
| 17 |
dojo.declare("dojox.image.Gallery",[dijit._Widget,dijit._Templated],{imageHeight:375,imageWidth:500,pageSize:dojox.image.SlideShow.prototype.pageSize,autoLoad:true,linkAttr:"link",imageThumbAttr:"imageUrlThumb",imageLargeAttr:"imageUrl",titleAttr:"title",slideshowInterval:3,templateString:dojo.cache("dojox.image","resources/Gallery.html","<div dojoAttachPoint=\"outerNode\" class=\"imageGalleryWrapper\">\n\t<div dojoAttachPoint=\"thumbPickerNode\"></div>\n\t<div dojoAttachPoint=\"slideShowNode\"></div>\n</div>\n"),postCreate:function(){ |
| 18 |
this.widgetid=this.id; |
| 19 |
this.inherited(arguments); |
| 20 |
this.thumbPicker=new dojox.image.ThumbnailPicker({linkAttr:this.linkAttr,imageLargeAttr:this.imageLargeAttr,imageThumbAttr:this.imageThumbAttr,titleAttr:this.titleAttr,useLoadNotifier:true,size:this.imageWidth},this.thumbPickerNode); |
| 21 |
this.slideShow=new dojox.image.SlideShow({imageHeight:this.imageHeight,imageWidth:this.imageWidth,autoLoad:this.autoLoad,linkAttr:this.linkAttr,imageLargeAttr:this.imageLargeAttr,titleAttr:this.titleAttr,slideshowInterval:this.slideshowInterval,pageSize:this.pageSize},this.slideShowNode); |
| 22 |
var _1=this; |
| 23 |
dojo.subscribe(this.slideShow.getShowTopicName(),function(_2){ |
| 24 |
_1.thumbPicker._showThumbs(_2.index); |
| 25 |
}); |
| 26 |
dojo.subscribe(this.thumbPicker.getClickTopicName(),function(_3){ |
| 27 |
_1.slideShow.showImage(_3.index); |
| 28 |
}); |
| 29 |
dojo.subscribe(this.thumbPicker.getShowTopicName(),function(_4){ |
| 30 |
_1.slideShow.moveImageLoadingPointer(_4.index); |
| 31 |
}); |
| 32 |
dojo.subscribe(this.slideShow.getLoadTopicName(),function(_5){ |
| 33 |
_1.thumbPicker.markImageLoaded(_5); |
| 34 |
}); |
| 35 |
this._centerChildren();
|
| 36 |
},setDataStore:function(_6,_7,_8){ |
| 37 |
this.thumbPicker.setDataStore(_6,_7,_8);
|
| 38 |
this.slideShow.setDataStore(_6,_7,_8);
|
| 39 |
},reset:function(){ |
| 40 |
this.slideShow.reset();
|
| 41 |
this.thumbPicker.reset();
|
| 42 |
},showNextImage:function(_9){ |
| 43 |
this.slideShow.showNextImage();
|
| 44 |
},toggleSlideshow:function(){ |
| 45 |
dojo.deprecated("dojox.widget.Gallery.toggleSlideshow is deprecated. Use toggleSlideShow instead.","","2.0"); |
| 46 |
this.toggleSlideShow();
|
| 47 |
},toggleSlideShow:function(){ |
| 48 |
this.slideShow.toggleSlideShow();
|
| 49 |
},showImage:function(_a,_b){ |
| 50 |
this.slideShow.showImage(_a,_b);
|
| 51 |
},resize:function(_c){ |
| 52 |
this.thumbPicker.resize(_c);
|
| 53 |
},_centerChildren:function(){ |
| 54 |
var _d=dojo.marginBox(this.thumbPicker.outerNode); |
| 55 |
var _e=dojo.marginBox(this.slideShow.outerNode); |
| 56 |
var _f=(_d.w-_e.w)/2; |
| 57 |
if(_f>0){ |
| 58 |
dojo.style(this.slideShow.outerNode,"marginLeft",_f+"px"); |
| 59 |
}else{
|
| 60 |
if(_f<0){ |
| 61 |
dojo.style(this.thumbPicker.outerNode,"marginLeft",(_f*-1)+"px"); |
| 62 |
} |
| 63 |
} |
| 64 |
}}); |
| 65 |
} |