Sie sind nicht angemeldet.

alpinrocket

Anfänger

  • »alpinrocket« ist der Autor dieses Themas

Beiträge: 11

Wohnort: Switzerland

Beruf: UX Designer

  • Nachricht senden

1

Donnerstag, 19. Mai 2022, 12:26

Dynamically fill html div layer

Hello,
I need some guidance for my projet

I am working on a flat panorama composed of 150 images of movie posters. It looks like a grid of images.

When the user clicks at a certain place on the panorama, it displays a html div inside a layer with additional info (thanks Klaus for this useful code)

Since I have 150 "points of interest", I wonder what is the proper way to dynamically fill this html div. I want to display the movie title, release year, an image and the movie synopsis.

Should I use the Krpano arrays ? or try to read a json file with Javascript ?

Thank you for your help !!

2

Freitag, 27. Mai 2022, 01:42

I have a project that sounds kinda simillar to yours.

Maybe you can find some Inspiration.

If you Zoom close into a bottle you can open the information menu. This shows some Infos about the bottle. The box is also scrollable even if it is not a iframe. Big advantage is, you can even move around in the picture with the open Info box and it loads even like 10 new content within a second.

Hope it helps you somehow: http://whisky-panorama.com

alpinrocket

Anfänger

  • »alpinrocket« ist der Autor dieses Themas

Beiträge: 11

Wohnort: Switzerland

Beruf: UX Designer

  • Nachricht senden

3

Freitag, 27. Mai 2022, 10:18

I found a way using Krpano array and Javacript action that remplace the content of the div *thumbsup*

s-maier your gigapano is impressive !! Amazing work, it gave me some inspiration, the search bar is just perfect !

ramirox3

Fortgeschrittener

Beiträge: 354

Wohnort: La Ceja, Colombia

Beruf: photographer

  • Nachricht senden

4

Freitag, 27. Mai 2022, 15:35

Excellent work. s-maier. I can't load any information at any zoom level on a bottle. What should I do to see it?

5

Samstag, 28. Mai 2022, 02:11

Excellent work. s-maier. I can't load any information at any zoom level on a bottle. What should I do to see it?




;-)

EDIT:
Oh yeah, there was a bug in the english version that prevented loading the info data. The panorama is multi language and I use the german version all the time. Bug is fixed an you should now see the infos ;-) (Cache clearing may be required). Thanks for letting me know!

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »s-maier« (28. Mai 2022, 02:29)