/* Populate images list */
$$('div.varimages').each(function(el,i){
- rimgs[el.id] = i;
- vimgs[i] = [el.id, el.title, []];
+ var rel=el.get('id');
+ rimgs[rel] = i;
+ vimgs[i] = [rel, el.title, []];
el.getElements('a').each(function(ael,j){
dim = /(\d+)[^\d](\d+)/.exec(ael.text);
w = dim[1];
};
var show = new Show(vimgs,showwin,ctl,showparms);
+ document.addEvent('keypress', function(ev){
+ if (ev.key == 'esc') {
+ show.exit();
+ } else if (ev.key == 'left') {
+ show.prev();
+ } else if (ev.key == 'right') {
+ show.next();
+ } else if (ev.key == 'space') {
+ show.toggleplay();
+ } else {
+ /* alert('keypress: '+ev.key); */
+ }
+ });
+
/* Update HTML */
$$('.conceal').each(function(el){
$$('a.showStart').each(function(el){
el.addEvent('click',
- show.start.bind(show,[rimgs[el.get('id')],1]));
+ show.start.bind(show,[rimgs[el.get('rel')],1]));
});
$$('a.showImage').each(function(el){
el.addEvent('click',
- show.start.bind(show,[rimgs[el.get('id')],0]));
+ show.start.bind(show,[rimgs[el.get('rel')],0]));
});
/* Determine if we need to go directly into show mode */
/* Initialization */
window.addEvent('domready',init_gallery);
-/* This is how I would like it done for explorer:
-window.addEvent('readystatechange',function(parm){
- alert('readystatechange, parm='+parm);
- init_gallery();
-});
-/* but it does not seem to work */