External image in 100% width, scrollable

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
MPW
Posts: 123
Joined: Wed Mar 06, 2013 4:22 pm
Location: Germany

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.
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

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
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
MPW
Posts: 123
Joined: Wed Mar 06, 2013 4:22 pm
Location: Germany

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
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Marcel,

Thank you for the kind comments, much appreciated.

Working on some V7 tutorials now.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Post Reply