facebook

Large scrollable Image.

πŸ’‘
Our Forums Have Moved

For help with installation, bugs reports or feature requests, please head over to our new forums.
Genuitec Community on GitHub

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #339150 Reply

    polyshake
    Member

    Hi, im kind of new here, bought my version and have a lot of fun desingning some stuff.
    My Coding skills are poor, im more of an Artist.

    Problem:
    I want to show a large Picture, of a Map, in which you can scroll around with your finger.
    like google maps… DonΒ΄t have to zoom.
    I managed to develope this whithin a “html widget”:

    <iframe border=”0″
    name=”liste”
    marginwidth=”0″
    marginheight=”0″
    img src=”http://thewizzard.de/webpics/start_wizz.jpg&#8221;
    width=”200″
    height=”200″
    frameborder=”0″>
    </iframe>

    This works great, i can scroll around like i wanted to. Performance is OK!
    ______________________________________________________________

    Now the problematic part:
    How can i load an image without useing the www?
    i mean like, app-storage… know what i mean? just the sourcefilfe inside the app.
    For you Coders and Devs this should be as easy as pie πŸ™‚
    any Ideas? Please help me on this one.

    Second Problem:
    The “html widget” can be stretched for different sizes…
    if you rotate the phone the “html widget” is less high and more width…

    So how can i import the actual “width” and “hight” from the “html widget”
    into the “iframe code” to use as much “Screen” for the map…. ?
    Would be great if you guys could help!

    Because i think there wil be a lot of people
    trying to achive the same thing here πŸ™‚

    thanks,
    im from germany btw. so bad english is a must have… πŸ˜€

    #339153

    Stu Wade
    Member

    Your ‘map’ is already an image, a .jpg file. Download the image to your PC, probably the easiest way of doing this is to open the Webpage and right click on the map then select ‘save picture as…’ The image is now available for you to build it in to your M1 application.

    Hope this helps…

    #339170

    @polyshake

    What devices and OS version are you targeting? The reason for asking is if you plan to run on iOS devices you should prototype your <iframe> approach and test it on a device to ensure that it supports the iframe with touch/scrolling properly. See this doc that identifies some quirkiness on iOS: http://www.genuitec.com/support-genuitec/viewtopic.php?f=14&t=3600

    #339197

    polyshake
    Member

    Hi and thanks guys,

    thats not what i ment,
    read again:

    i have a “html widget” i am loading an image out of the shown link.
    Problem is, if i download the picture to my desktop, and set the path…
    The android app wont find my path, cuz its not connected to my C:/ …understand?

    so my question is, where should i put my picture, to load it via “html widget” on my android phone?
    is it possible to load a picture out of the app via “html widget”?

    #339198

    Stu Wade
    Member

    Put the image in xxx-www/images and use relative addressing in the HTML widget, you might need to include the image in the additional files as well, but I think probably not.
    Sorry, I’m away from my PC for the next few days (off sailing in Spain) so cannot run any tests, but feel fairly sure this will work.
    The idea is to embed the image within the App. If this is not what you intend, then I apologise.

    #339200

    polyshake
    Member

    ill try that, thanks man!
    yup, thats what i ment πŸ™‚

    anybody an idea for the height and width problem?

    #339202

    polyshake
    Member

    Awesome!

    <iframe border=”0″
    name=”liste”
    marginwidth=”0″
    marginheight=”0″
    img src=”images\picture.jpg”
    width=”480″
    height=”644″
    frameborder=”0″>
    </iframe>


    the image is where you said, and now it works, i can scroll around in any direction!
    Thaks man, im so glad this works πŸ™‚

    small steps yo!

Viewing 7 posts - 1 through 7 (of 7 total)
Reply To: Large scrollable Image.

You must be logged in to post in the forum log in