Pinch Image with carousel and working fine

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

greetings Sunny

Quote:

---

Originally Posted by SunboX

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.

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

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

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

Thanks ! ... and forked !

Pinch event doesn't work in native android application

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...

Code:

---

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'
           
                }] 
    }
});

---

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.

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.

Code:

---

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.