4 This is a part of mkgallery.pl suite
5 http://www.average.org/mkgallery/
7 Uses mootools (1.2) http://www.mootools.net/
8 Uses slideshow http://www.phatfusion.net/slideshow/
15 var showWindow = new Class({
17 getOptions: function(){
21 container: document.body,
26 initialize: function(name,options){
27 this.setOptions(this.getOptions(), options)
29 this.options.container = $(this.options.container)
31 this.container = new Element('div').addClass(name).
40 zIndex: this.options.zIndex,
43 }).addEvent('click', function(){
44 this.options.onClick()
45 }.bind(this)).injectInside(this.options.container);
48 this.options.embed.each(function(el){
49 var sub = new Element('div')
50 sub.addClass(el).setProperties({
53 }).injectInside(this.container)
54 this.embedded.push(sub)
59 window.addEvent('resize', this.position.bind(this))
60 window.addEvent('scroll', this.position.bind(this))
64 if(this.options.container == document.body){
65 this.h = window.getHeight()
66 this.s = window.getScrollTop()
68 var myCoords = this.options.container.getCoordinates()
69 this.h = myCoords.height
72 this.container.setStyles({
79 this.container.setStyle('display', 'block')
83 this.container.setStyle('display', 'none')
86 showWindow.implement(new Options)
88 var showControls = new Class({
90 getOptions: function(){
100 initialize: function(name,options){
101 this.setOptions(this.getOptions(), options)
103 this.container = $(name)
105 var buttons = ['prev','stop','play','next','exit','comm']
106 buttons.each(function(el){
107 var sub = new Element('div')
108 if (this.options[el]) {
109 sub.addEvent('click', function() {
113 sub.addClass('controlButton').setProperties({
116 }).injectInside(this.container)
121 showControls.implement(new Options)
123 /* Make overlay window and start slideshow */
124 function showImage(id,doplay) {
126 /* alert('show id='+id+' index='+i+' doplay='+doplay) */
135 /* Stop slideshow and return to index page */
136 function showStop() {
140 var img = show.newImage.getElement('img');
142 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
143 '#'+img.get('id')+' src='+img.get('src'))
147 img = show.oldImage.getElement('img');
149 alert('remove element: '+img.get('tag')+'.'+img.get('class')+
150 '#'+img.get('id')+' src='+img.get('src'))
154 show.imagesHolder.getElements('img').each(function(el){
155 alert('remove element: '+el.get('tag')+'.'+el.get('class')+'#'+el.get('id')+
156 ' src='+el.get('src'))
163 /* List of lists of img variations. Each image variation is a three-element */
164 /* array: [width, height, url]. Index of the outer array is the global ID. */
169 * [width, height, url]
175 /* resolve string ID to index */
178 /* Initialize everything, to be called on domready */
179 function init_gallery() {
180 $$('.conceal').each(function(el){
181 el.setStyle('display', 'none')
183 $$('a.infoBox').each(function(el){
184 var url=el.get('href')
185 el.set('href',url+'?conceal')
187 $$('a.showStart').each(function(el){
188 el.addEvent('click', showImage.bind(el,[el.get('id'),1]))
190 $$('a.showImage').each(function(el){
191 el.addEvent('click', showImage.bind(el,[el.get('id'),0]))
193 $$('div.varimages').each(function(el,i){
196 el.getElements('a').each(function(ael,j){
197 dim = /(\d+)[^\d](\d+)/.exec(ael.text)
200 vimgs[i][j]=[w,h,ael.href,el.id,el.title]
204 var msg='loaded '+vimgs.length+' image descriptions:'
205 vimgs.each(function(vimg,i){
207 vimg.each(function(vimg,i){
208 msg+='\n w='+vimg[0]+' h='+vimg[1]+' url='+vimg[2]
212 /* end debugging output */
215 ovl = new overlay(ovlparams)
224 descClassName: 'infoBoxDesc',
226 ibox = new multiBox('infoBox', iboxparams)
229 /* onClick: showStop, /* temporarily */
230 embed: ['slideshowControls'],
232 showwin = new showWindow('slideshowContainer',winparms)
240 onClick: function(i){alert(i)},
243 show = new slideShow('slideshowContainer',vimgs,showparms)
246 next: function(){show.next()},
247 prev: function(){show.previous()},
248 stop: function(){show.stop()},
249 play: function(){show.play()},
250 exit: function(){showStop()},
252 ctl = new showControls('slideshowControls',ctlparams)
254 parsedurl = parseUrl(document.URL)
255 /* alert('Anchor: '+parsedurl['anchor']+'\nURL: '+document.URL) */
256 if ($chk(parsedurl['anchor'])){
257 showImage(parsedurl['anchor'],0)
262 window.addEvent('domready',init_gallery)