1. #61
    Sencha User
    Join Date
    Mar 2013
    Posts
    12
    Vote Rating
    0
    amitthakkar is on a distinguished road

      0  

    Default Image inside a Panel or Container

    Image inside a Panel or Container


    As pointed out above my sogorman, When you added the imageviewer control to a panel or a container it doesn't show.

    i too faced the same problem.

    i had to make the the imageviewer control modal property as true OR set top:1 for the image to show.

    But once the image show, the drag, scrollers work as expected but the pinch to zoom 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.Panel',{
                            height:'100%',
                            width:'100%',
                            // modal:true,
                            items: [
            {
                                        xtype: 'imageviewer',
                style: {
                    backgroundColor: '#333'
                },
                                        modal:true,
                                        height:'99%',
                                        width:'100%',
                imageSrc: 'http://farm8.staticflickr.com/7242/7...ea1_o.jpg'
            }
        ]
                            });
                           
                            Ext.Viewport.add(container);
               
           
                           
                           
                           
                           
        }
    });

  2. #62
    Sencha User evegraphic's Avatar
    Join Date
    Nov 2012
    Location
    France
    Posts
    22
    Vote Rating
    -1
    evegraphic is an unknown quantity at this point

      0  

    Default


    Hi everybody !

    You're class is very useful. I tried it in a carousel and it works well if we want only one image per slide.
    But, as soon as we want 2 images per slide, it doesn't work any more.

    To have 2 images per slide, i added a container with a hbox layout which contains two 'imageviewer". So, my carousel hasn't an imageviewer child directly but a container with 2 items.

    Code:
    xtype: 'container',
    layout: 'hbox',
    items: [
         {
              xtype: 'imageviewer',
              imageSrc: 'url picture 1',
         },
         {
              xtype: 'imageviewer',
              imageSrc: 'url picture 2',
         }
    ]
    Could you help me to modify you're class ImageViewer.js in order to make work this structure ?
    Thanks in advance.

  3. #63
    Sencha User
    Join Date
    Jun 2012
    Location
    United States
    Posts
    3
    Vote Rating
    0
    schaudhry123 is on a distinguished road

      0  

    Default


    Does anyone else have the problem of whenever the screen is rotated, the image is only partially on the screen initially before jumping back to its normal spot?

  4. #64
    Sencha User armode's Avatar
    Join Date
    Nov 2011
    Location
    Germany / Darmstadt
    Posts
    63
    Vote Rating
    2
    armode is on a distinguished road

      0  

    Default


    Quote Originally Posted by schaudhry123 View Post
    Does anyone else have the problem of whenever the screen is rotated, the image is only partially on the screen initially before jumping back to its normal spot?
    Do you mean the rotating just isn't smooth like this:
    https://www.dropbox.com/s/931nv0fw1g...not smooth.png
    The second pic in the middle shows the img before resizing to new screen dimensions...
    Attached Images

  5. #65
    Sencha User
    Join Date
    Dec 2007
    Posts
    16
    Vote Rating
    0
    kisscool82 is on a distinguished road

      0  

    Default Memory warning and app crash

    Memory warning and app crash


    Hi !

    I use this wonderfull class in my project.
    I load multiple imageviewers in a lasy carousel, then I can "read" a book. Each page is a jpg and i can zoom in and out.
    lazy carousel : https://github.com/cburgdorf/sencha-...inite-carousel

    It works great.
    I run the app with cordova and sometimes, xcode receive memory warning and my app crashes.
    If I remove image viewer and replace it with simple image class in my lazy carousel, everything works fine.

    Memory warnings occure before I zoom in so I don't think the css transform is the cause.
    Does anyone has an idea please ?

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar