Page 1 of 1

External image in 100% width, scrollable

Posted: Mon Jun 27, 2022 4:58 pm
by MPW
Hello,

I like to load an external image, which opens in 100% width within a responsive area and is aligned to the top center and scrollable to the bottom.

Here in the forum I´ve found the idea to put an external image loader within a container or scrollarea. However, while the outer scrollarea is aligned and responsive, the loaded image inside is keeping it´s native size. Using the component "gallery simplex" the image is using 100% width, but is not scrollable from top to bottom.

I know about the gallery-project within an iframe, giving all the functions like zooming and scrolling, however it doesn´t help in my project. This gallery has to be built by me.
I would like to give my customer the possibility to load his own, sometimes changing images (with special image-name as used in the skin, maybe with size restriction) into a folder within the pano-project. The external loader should open them with 100% width in a given responsive area.

Thank you for any idea.

Re: External image in 100% width, scrollable

Posted: Tue Jun 28, 2022 6:14 am
by Tony
Hi,
I like to load an external image, which opens in 100% width within a responsive area and is aligned to the top center and scrollable to the bottom.
In V7 beta the External Image element now has a "scrollbar" option. You can make the external image element responsive and fixed to a portrait view by using some simple CSS.

I'm working on a new version of the Responsive Gallery & Text popup component and I did a quick test with the new V7 external image element. You can see a video of it working here https://youtu.be/wT63Y1GC3ws

In the video you can see the Custom Properties for the hotspot and the data needed to manage the gallery. If you want a scenario where the client can update it you might be better off finding a javascript gallery and opening it in an iFrame.

cheers,

Tony

Re: External image in 100% width, scrollable

Posted: Tue Jun 28, 2022 1:50 pm
by MPW
Thank you Tony,

haven´t changed to 7 yet. But it seems that it will be soon.

By the way, thanks for your great tutorials. Always excellent style and helpful explanations.

Marcel

Re: External image in 100% width, scrollable

Posted: Wed Jun 29, 2022 6:41 am
by Tony
Hi Marcel,

Thank you for the kind comments, much appreciated.

Working on some V7 tutorials now.

Tony