Importing a Large Scroll Image

Oct 17, 2012

I am trying to build a module with a scroll section that will allow the user to scroll and read through a document. This will be several pages. I've done a test before trying my real image, and it seems that Stoyline imports the image and resizes it to the stage size. If I resize the image to its true size, the image gets blurry and illegible even on export. Is there some setting to make it import at real size, or is there a cap to the image size/dimension that Storyline can import? Also, if there is a better way to achieve this type of scrolling document, let me know. I will continue browsing through tutorials.

Thanks

testpi.zip

11 Replies

Matthew Graham

over 11 years ago10/17/12 at 1:31 pm (UTC)

I downloaded your project and it seems to make a small difference if you go to the size properties and scale it to 100% as opposed to dragging it to be bigger. Check out the file below to see if you notice a difference.

untitled1.story

Matthew Graham

over 11 years ago10/17/12 at 1:33 pm (UTC)

***The image on the right - the sharper one - was resized using the "Size and Position" option.

RABI SANKAR DAS

over 11 years ago12/05/12 at 4:20 am (UTC)

I would also like to add scroll-bar (vertical as well as horizontal) to the large images.Please suggest the easier way to implement the same.

Peter Anderson
Staff

over 11 years ago12/05/12 at 11:26 am (UTC)

Welcome to Heroes, Rabi!

You can insert a vertically scrolling panel in Storyline, but we currently don't offer a horizontally scrolling panel. Here's how to insert it.

BENOIT GUILLO

almost 6 years ago06/14/18 at 7:38 am (UTC)

Hello Storyline users/staff,

I needed to create a simple scrolling panel with a 1600x2755px screen copy (.png / color depth 24). Pretty siple. But when I import this large image, storyline 360 resizes it. Then, if I resize the image to its true size, the image gets blurry and illegible even on export ; even if I use the box size and scale properties to bring the image back to 100% => it's 100% are under the real native size of the image.

Has anyone an idea of the reason of this ?

Thank you for help

almost 6 years ago06/14/18 at 11:27 am (UTC)

You need to tile your image, see here for info. Then, import and add the tiles to the scrolling panel and position them.

almost 6 years ago06/14/18 at 12:58 pm (UTC)

Thank you for this quick response Michael (I like your blog a lot, thank you for sharing all your experiments :))

My problem was also that I wanted to insert my large image as image in a slider cursor so that I could use a second slider with the same variable to drive the first one (In that case I could put triggers to control layers appearence, for example, when cursor is value 90 out of 100 then show layer "information").

At last, the problem is that we can't insert au group of image to use it as the cursor of a slider.

And if I use a simple control panel, I can insert a bunch of tiled images (grouped or not) but there are no triggers affected to the control panel's tool (so that I can track my learner's behaviour with the scrolling bar and give him a warning for instance).

Hope it's clear...

almost 6 years ago06/14/18 at 1:06 pm (UTC)

Thanks Benoit, I didn't even know anyone reads my blog :-)

You can still tile a larger image and use the tiles as slider thumbs. Look at this example here. This looks like one very tall image but it is actually several sliders with picture tiles as their thumb fills. They are all controlled by the sliders on the right.