Pinch Image with carousel and working fine

[SunboX]

If you are interested, I can put it on github. Together with some examples/testcases.

greetings Sunny

[jeroenwalter]

If you are interested, I can put it on github. Together with some examples/testcases.

greetings Sunny

That would be awesome, as my version on github has no special testcases, it's just part of a big app.

[allisterf]

That would be brilliant Sunny! Thanks so much!!
Allister

[SunboX]

Ok, n.p. I will write some demos/tests this evening. Will post a link here, if it´s online.

[SunboX]

Ok, here we go. Please fork it and make it more awesome! ;o)

Github Repository with latest cleaned-up(!) Code:
https://github.com/SunboX/ST2_ImageViewer

greetings Sunny

[jeroenwalter]

Thanks ! ... and forked !

[Bukurov Alex]

Pinch event doesn't work in native android application

[sogorman]

Has anyone had any luck adding this into a panel? I am trying to incorporate it using the code below and no errors are thrown but nothing displays. I have also verified that the path to the require is valid but again nothing...

Ext.define('BJ.view.Eventmaps',{	requires: ['Ext.ux.ImageViewer'],
	extend: 'Ext.Panel',
	xtype: 'eventmaps',
	config: {
		title: 'eventmaps',	
		xtype: 'panel',
		items:[{
		xtype: 'imageviewer',
            style: {
                backgroundColor: '#333'
            },
            imageSrc: 'http://farm8.staticflickr.com/7242/7220454816_7972682ea1_o.jpg'
            
		}]  
    }
});

[SunboX]

You should create a complete example showing the failure by using http://www.senchafiddle.com/ or so. Than we can try to fix it.You code looks ok. Maybe too much panels inside panels and missing layouts. But can't tell you, why it's not visible.

[amitthakkar]

Hi,

i am actually building a carousel of thumbnails and upon clicking it the image shows up in a modal panel which allows pinch to zoom and translations.

the pinch to zoom works perfectly in a normal container, but once i make it modal, the pinch doesn't work.

Ext.Loader.setConfig({
    enabled: true,
    paths: {
        'Ext.ux': '../../ux'
    }
});

Ext.application({

    name  : 'Simple ImageViewer Demo',
    views : [
        'Ext.ux.ImageViewer'
    ],
    launch: function() {

        var container = Ext.create('Ext.Container',{
        height:'100%',
        width:'100%',
        modal:true,
        items: [
        {
            xtype: 'imageviewer',
            style: {
                backgroundColor: '#333'
            },
            modal:true,
            height:'99%',
            width:'100%',
            imageSrc: 'http://farm8.staticflickr.com/7242/7220454816_7972682ea1_o.jpg'
        }
    ]
        });
        
        Ext.Viewport.add(container);
    
        
        
        
        
        
    }
});

Any help is appreciated. Thank you.