sunbox / st2_imageviewer Goto Github PK

If a inital scaled down image is zoomed to a scale, that there is still a translateX/Y needed, the image will be cropped on the other side.

Problem: Not correct sized figEl
Solution: A change in #adjustScroller
...
var boundWidth = Math.max(me.imgWidth * scale, me.viewportWidth);
var boundHeight = Math.max(me.imgHeight * scale, me.viewportHeight);

to

var boundWidth = Math.max(me.imgWidth * scale + 2 * me.translateX, me.viewportWidth);
var boundHeight = Math.max(me.imgHeight * scale + 2 * me.translateY, me.viewportHeight);

On the ImageViewer carousel example you got those listeners set:

[CODE]
onDragStart: function(e) {
var scroller = this.getActiveItem().getScrollable().getScroller();
if (e.targetTouches.length === 1 && (e.deltaX < 0 && scroller.getMaxPosition().x === scroller.position.x) || (e.deltaX > 0 && scroller.position.x === 0)) {
this.callParent(arguments);
}
},
onDrag: function(e) {
if (e.targetTouches.length == 1)
this.callParent(arguments);
},
onDragEnd: function(e) {
if (e.targetTouches.length < 2)
this.callParent(arguments);
}
[/CODE]

I am assuming this is preventing to switch to the next image in the carousel.
However, I am struggling to get those same listeners set in my config.

Within an modal container:
[CODE]
initialize: function() {
var me = this;
me.element.on({
dragstart: function(){
me.fireEvent('onDragStart');
},
drag: function() {
me.fireEvent('onDrag');
},
dragend: function() {
me.fireEvent('onDragEnd');
}
});
[/CODE]

and in the matching controller events there is the same code as in the example.
For some silly reason the scroller can not get initialized and so no checks for the drag events can be done.
any inputs or thoughts?

never mind, i did this workaround using the post as seen on
http://www.sencha.com/forum/showthread.php?197903-Pinch-Image-with-carousel-and-working-fine/page5

thanks anyway, issue can be closed/removed.

I use it in sencha touch 2.3.1,but it can't scroll like the demo when i use it as a view ,

Is it possible to make it dynamically read image source from store?