Roo.each(ids.split(' '),
function(id){
var vid = id.replace(/\-/g,'');
- Roo.log(id);
th[vid] = th.el.child('.'+id);
if (!th[vid]) {
return;
}
*/
var s = Roo.get(document).getScroll();
-
- // calculate top and left offset for the lightbox
+ // calculate top and left offset for the lightbox
// weird.. why / 10?
- var lightboxTop = s.top + (Roo.lib.Dom.getViewHeight() / 10);
+
+ //var lightboxTop = s.top + (Roo.lib.Dom.getViewHeight() / 10);
+ var lightboxTop = (Roo.lib.Dom.getViewHeight() / 10);
var lightboxLeft = s.left
this.lightbox.setStyle({
top: lightboxTop + 'px',
this.lightbox.show();
-
this.changeImage(imageNum);
},
// once image is preloaded, resize image container
imgPreloader.on('load', function() {
+ Roo.log('this.imageArray[this.activeImage].dom.lwidth');
+ Roo.log(this.imageArray[this.activeImage].dom.lwidth);
- this.lightboximage.dom.src = this.imageArray[this.activeImage].dom.href;
+ Roo.log('this.imageArray[this.activeImage].dom.lheight');
+ Roo.log(this.imageArray[this.activeImage].dom.lheight);
- this.resizeImageContainer(imgPreloader.getWidth(), imgPreloader.getHeight());
+ this.lightboximage.dom.src = this.imageArray[this.activeImage].href ||
+ this.imageArray[this.activeImage].dom.href || this.imageArray[this.activeImage].dom.src;
+
+ this.resizeImageContainer(this.imageArray[this.activeImage].dom.lwidth || imgPreloader.getWidth(), this.imageArray[this.activeImage].dom.lheight || imgPreloader.getHeight());
imgPreloader.remove();
}, this);
- imgPreloader.dom.src = this.imageArray[this.activeImage].dom.href;
+ imgPreloader.dom.src = this.imageArray[this.activeImage].href ||
+ this.imageArray[this.activeImage].dom.href || this.imageArray[this.activeImage].dom.src;
},
var w = window;
var ww = w.innerWidth || (w.document.documentElement.clientWidth || w.document.body.clientWidth);
var wh = w.innerHeight || (w.document.documentElement.clientHeight || w.document.body.clientHeight);
-
+ Roo.log(ww);
+ Roo.log(wh);
ww -= 150;
wh -= 150;
+
// get new width and height
var bs = this.borderSize * 2;
// bigger than window.
// scale here... - bit nasty..
var rescale = 1.1 * Math.max( widthNew / ww , heightNew / wh);
+ Roo.log(rescale);
//console.log(rescale);
imgWidth = Math.floor(imgWidth / rescale);
imgHeight = Math.floor(imgHeight / rescale);
if (this.imageArray.length > this.activeImage + 1){
preloadNextImage = Roo.DomHelper.append(document.body, { tag: 'img' } , true);
preloadNextImage.on('load', function() { preloadNextImage.remove() });
- preloadNextImage.dom.src = this.imageArray[this.activeImage + 1].dom.href;
+ preloadNextImage.dom.src = this.imageArray[this.activeImage + 1].href ||
+ this.imageArray[this.activeImage + 1].dom.href || this.imageArray[this.activeImage + 1 ].dom.src;;
}
if (this.activeImage > 0){
preloadPrevImage = Roo.DomHelper.append(document.body, { tag: 'img' } , true);
preloadPrevImage.on('load', function() { preloadPrevImage.remove() });
- preloadPrevImage.dom.src = this.imageArray[this.activeImage - 1].dom.href;
+ preloadPrevImage.dom.src = this.imageArray[this.activeImage - 1].href ||
+ this.imageArray[this.activeImage - 1].dom.href || this.imageArray[this.activeImage - 1].dom.src;
}
},