2 This is a part of mkgallery.pl suite
3 http://www.average.org/mkgallery/
5 Uses mootools (1.2) http://www.mootools.net/
6 Uses slideshow http://www.phatfusion.net/slideshow/
13 var showWindow = new Class({
15 getOptions: function(){
19 container: document.body,
24 initialize: function(name,options){
25 this.setOptions(this.getOptions(), options)
27 this.options.container = $(this.options.container)
29 this.container = new Element('div').addClass(name).
38 zIndex: this.options.zIndex,
41 }).addEvent('click', function(){
42 this.options.onClick()
43 }.bind(this)).injectInside(this.options.container);
46 this.options.embed.each(function(el){
47 var sub = new Element('div')
48 sub.addClass(el).setProperties({
51 }).injectInside(this.container)
52 this.embedded.push(sub)
57 window.addEvent('resize', this.position.bind(this))
58 window.addEvent('scroll', this.position.bind(this))
62 if(this.options.container == document.body){
63 this.h = window.getHeight()
64 this.s = window.getScrollTop()
66 var myCoords = this.options.container.getCoordinates()
67 this.h = myCoords.height
70 this.container.setStyles({
77 this.container.setStyle('display', 'block')
81 this.container.setStyle('display', 'none')
84 showWindow.implement(new Options)
86 var showControls = new Class({
88 getOptions: function(){
98 initialize: function(name,options){
99 this.setOptions(this.getOptions(), options)
101 this.container = $(name)
103 var buttons = ['prev','stop','play','next','exit','comm']
104 buttons.each(function(el){
105 var sub = new Element('div')
108 sub.set('text', 'this is a comment field')
114 if (this.options[el]) {
115 sub.addEvent('click', function() {
119 sub.addClass('controlButton').setProperties({
122 }).injectInside(this.container)
126 settext: function(text) {
130 showControls.implement(new Options)
132 /* Make overlay window and start slideshow */
133 function showImage(id,doplay) {
135 /* alert('show id='+id+' index='+i+' doplay='+doplay) */
144 /* Stop slideshow and return to index page */
145 function showStop() {
149 var img = show.newImage.getElement('img');
151 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
152 '#'+img.get('id')+' src='+img.get('src'))
156 img = show.oldImage.getElement('img');
158 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
159 '#'+img.get('id')+' src='+img.get('src'))
163 show.imagesHolder.getElements('img').each(function(el){
164 alert('remove element: '+el.get('tag')+'.'+el.get('class')+'#'+el.get('id')+
165 ' src='+el.get('src'))
172 /* List of lists of img variations. Each image variation is a three-element */
173 /* array: [width, height, url]. Index of the outer array is the global ID. */
178 * [width, height, url]
184 /* resolve string ID to index */
187 /* Initialize everything, to be called on domready */
188 function init_gallery() {
189 $$('.conceal').each(function(el){
190 el.setStyle('display', 'none')
192 $$('a.infoBox').each(function(el){
193 var url=el.get('href')
194 el.set('href',url+'?conceal')
196 $$('a.showStart').each(function(el){
197 el.addEvent('click', showImage.bind(el,[el.get('id'),1]))
199 $$('a.showImage').each(function(el){
200 el.addEvent('click', showImage.bind(el,[el.get('id'),0]))
202 $$('div.varimages').each(function(el,i){
203 rimgs[el.id] = [i, el.title]
205 el.getElements('a').each(function(ael,j){
206 dim = /(\d+)[^\d](\d+)/.exec(ael.text)
209 vimgs[i][j]=[w,h,ael.href]
213 var msg='loaded '+vimgs.length+' image descriptions:'
214 vimgs.each(function(vimg,i){
216 vimg.each(function(vimg,i){
217 msg+='\n w='+vimg[0]+' h='+vimg[1]+' url='+vimg[2]
221 /* end debugging output */
224 ovl = new overlay(ovlparams)
233 descClassName: 'infoBoxDesc',
235 ibox = new multiBox('infoBox', iboxparams)
238 /* onClick: showStop, /* temporarily */
239 embed: ['slideshowControls'],
241 showwin = new showWindow('slideshowContainer',winparms)
249 onClick: function(i){alert(i)}
251 show = new slideShow('slideshowContainer',vimgs,showparms)
254 next: function(){show.next()},
255 prev: function(){show.previous()},
256 stop: function(){show.stop()},
257 play: function(){show.play()},
258 exit: function(){showStop()},
260 ctl = new showControls('slideshowControls',ctlparams)
262 parsedurl = parseUrl(document.URL)
263 /* alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL) */
264 if ($chk(parsedurl['anchor'])){
265 showImage(parsedurl['anchor'],0)
270 window.addEvent('domready',init_gallery)