Results 1 to 5 of 5

Thread: Pinch Image with scroll

  1. #1
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    604
    Answers
    8
    Vote Rating
    14
      0  

    Default Pinch Image with scroll

    Hi,
    I can not be the only one who really needs the ability to zoom on a image and when zoomed be able to scroll around on the zoomed image to see the rest.
    I have tried to build something on:
    http://www.sencha.com/forum/showthre...l=1#post733537

    Buy I can't get the scroll to work correct (can't see the whole image)

    It would be great if Sencha developed the control, but until then. Are there any out there who have made zoom with scroll? Or can help me?

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    This is something we are going to have to figure out. The element when CSS3 is used kind of detaches from the parent <div> elements which doesn't notify the parent elements that the size has changed. You can try to change the size of the image component and have the image take up 100% of the height and width (with CSS' background-size rule or if you are using a different mode than default the <img> will need to take up 100% height and width)
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    604
    Answers
    8
    Vote Rating
    14
      0  

    Default

    I believe I have tried that with out any luck. The best thing I did was expanding the scroller-container with the scale size. But the placement of the image is wrong so I can't scroll to the left upper corner.

    Do you have a simple working example?

  4. #4
    Sencha Premium User mrsunshine's Avatar
    Join Date
    Sep 2008
    Location
    Germany - Darmstadt
    Posts
    693
    Answers
    21
    Vote Rating
    12
      0  

    Default

    i posted a working solution in the example forum
    http://www.sencha.com/forum/showthre...rollable-Image

  5. #5
    Touch Premium Member hotdp's Avatar
    Join Date
    Nov 2010
    Location
    Denmark
    Posts
    604
    Answers
    8
    Vote Rating
    14
      0  

    Default

    Quote Originally Posted by mrsunshine View Post
    i posted a working solution in the example forum
    http://www.sencha.com/forum/showthre...rollable-Image
    Great job my solution is 90% like yours, just needed the last 10%. Thanks! I will post some emprovements in the example forum.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •