1. #31
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    Quote Originally Posted by Perdiga View Post
    i think that you you can use
    me.imgEl.setStyle({ visibility: 'hidden' });
    or
    me.imgEl.setStyle({ disabled: 'true' });


    No it doesn't work. I also tried to get the carousel with getParent() but I coundn't find any methods to stop switching image...

    Actually I'm quite surprise that nobody asked for this because the imageviewer doesn't work properly for me when the current image is zoomed in. What's happening? If I try to scroll horizontally a llitle bit too fast, when image is zoomed in, the current image is switched.

    bug.jpg

  2. #32
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    27
    Vote Rating
    0
    montymccune is on a distinguished road

      0  

    Default No Images Loading for Me????

    No Images Loading for Me????


    Is there a trick to just getting an image to load? My simple implementation....

    Code:
    Ext.define("PhoenixTouch.view.Xray", {
        extend: 'Ext.Container',
    
    
        requires:['PhoenixTouch.view.PinchZoomContainer',
            'PhoenixTouch.view.XrayThumbnailSlider',
            'Ext.mixin.Observable',
            '
    Arkivus
    .ImageViewer'],
    xtype: 'xray', config: { layout: 'fit', items: [ { xtype: 'imageviewer', imgSrc:'https://192.168.0.99/phoenix/xrays/PAT1000000021/1.2.392.200036.9125.2.691113118120.64559415338.1668133/J1.2.392.200036.9125.9.0.118444256.821560832.1901820022.jpg', } ] } });



    The link is legit - I can navigate to in in Chrome. Also, if I dont set imgSrc in config, and then later try to set the image in the controller via loadImage i get "invalid left-hand assignment"...


    Code:
       ,loadImage: function(src) {    
            if(this.imgEl){
                this.imgEl.dom.src = src;
                this.imgEl.dom.onload = Ext.Function.bind(this.onLoad, this, this.imgEl, 0);
            }
            else
                this.getImageSrc() = src; <------ right hereUncaught ReferenceError: Invalid left-hand side in assignment
    
    
    
        }

  3. #33
    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


    Why don't you add the imageviewer component via xtype where you need it?
    Code:
    ...
    items: [{
        xtype: 'imageviewer',
        imageSrc: 'https://192.168.0.99/phoenix/xrays/PAT1000000021/...',
    }]
    You can look at the examples from Chris, too, who wrote the component for ST1...

  4. #34
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    27
    Vote Rating
    0
    montymccune is on a distinguished road

      0  

    Default Is that different from what I did?

    Is that different from what I did?


    see above post... I dont see how you're suggestion differs from what I did? Am I missing something?

    thanks for the quick reply, monty

    Quote Originally Posted by armode View Post
    Why don't you add the imageviewer component via xtype where you need it?
    Code:
    ...
    items: [{
        xtype: 'imageviewer',
        imageSrc: 'https://192.168.0.99/phoenix/xrays/PAT1000000021/...',
    }]
    You can look at the examples from Chris, too, who wrote the component for ST1...

  5. #35
    Sencha User
    Join Date
    Apr 2012
    Posts
    103
    Vote Rating
    10
    pepperseb is on a distinguished road

      0  

    Default


    I can see that you put imgSrc instead of imageSrc

  6. #36
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    27
    Vote Rating
    0
    montymccune is on a distinguished road

      0  

    Default YOU THA MAN!

    YOU THA MAN!


    Quote Originally Posted by pepperseb View Post
    I can see that you put imgSrc instead of imageSrc

    wow, you really have to pay attention with this language

    thanks tons - made my day!

  7. #37
    Sencha Premium Member
    Join Date
    Apr 2012
    Posts
    27
    Vote Rating
    0
    montymccune is on a distinguished road

      0  

    Default


    So I still have one issue - trying to dynamically load images into the imageSrc. All the examples I have seen so far have been statically loaded. I have tried to use the loadImage method but it gives me a "Uncaught ReferenceError: Invalid left-hand side in assignment" error. Is there a way to modify this to load the images from a list of thumbnails? I am not using this as a carousel, just a single image viewer. I DO have the thumbnail list already. Any help would be much appreciated!

    monty

  8. #38
    Sencha User
    Join Date
    Feb 2012
    Location
    Ireland
    Posts
    6
    Vote Rating
    0
    Gaelmart is on a distinguished road

      0  

    Default


    Similar Question. How to load images dynamically, but I'm in an override file as I'm using Sencha Architect i.e.


    Ext.define('BoilerShop.OverrideDiagramCarousel', {
    override: 'BoilerShop.view.DiagramCarousel',
    config: {

    items: [
    {
    xtype: 'imageviewer',
    style: {
    backgroundColor: '#222'
    },
    imageSrc: 'http://www.ibasis.co.uk/Uploads/SAUNIER DUVAL/1281301.png'
    },
    {
    xtype: 'imageviewer',
    style: {
    backgroundColor: '#222'
    },
    imageSrc: 'http://www.ibasis.co.uk/Uploads/SAUNIER DUVAL/1281302.png'
    },
    {
    xtype: 'imageviewer',
    style: {
    backgroundColor: '#222'
    },
    imageSrc: 'http://www.ibasis.co.uk/Uploads/SAUNIER DUVAL/1281303.png'
    },
    {
    xtype: 'imageviewer',
    style: {
    backgroundColor: '#222'
    },
    imageSrc: 'http://www.ibasis.co.uk/Uploads/SAUNIER DUVAL/1281304.png'
    },
    {
    xtype: 'imageviewer',
    style: {
    backgroundColor: '#222'
    },
    imageSrc: 'http://www.ibasis.co.uk/Uploads/SAUNIER DUVAL/1281305.png'
    }

    ]

    },
    constructor: function (config) {
    this.callParent(arguments); // calls Ext.tip.ToolTip's constructor
    alert('This gets shown so were ok here');
    }

    });

  9. #39
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    2
    umbro77 is on a distinguished road

      0  

    Default


    Quote Originally Posted by pepperseb View Post
    No it doesn't work. I also tried to get the carousel with getParent() but I coundn't find any methods to stop switching image...

    Actually I'm quite surprise that nobody asked for this because the imageviewer doesn't work properly for me when the current image is zoomed in. What's happening? If I try to scroll horizontally a llitle bit too fast, when image is zoomed in, the current image is switched.
    You have to add the following code to your Carousel component:

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

  10. #40
    Sencha User
    Join Date
    Jan 2012
    Posts
    8
    Vote Rating
    2
    umbro77 is on a distinguished road

      0  

    Default


    I've disabled the carousel switch while the image is zoomed because the previous code doesn't work as expected.

    My solution:

    Code:
    onDragStart: function (e) {
            if(this.getActiveItem().scale < 1) {    
                this.callParent(arguments);
            }
        },

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