Sie sind nicht angemeldet.

  • »spacerywirtualne« ist der Autor dieses Themas

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

1

Freitag, 7. März 2014, 14:29

base64 encoded images

Hello,

I have to questions regarding images in krpano:

1. Is it possible to put base64 encoded images as a url attribute?
2. How can I refer to a certain div element in the krpano DOM tree? I mean, there are a lot of divs, and how to set the class or id or any other attribute so I could refer to the element by CSS/jQuery quickly?

Are there any ready examples explaining "how to"?

Thanks in advance!

Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

2

Freitag, 7. März 2014, 15:01

Hi,
1. Is it possible to put base64 encoded images as a url attribute?
Currently not, but that's already on my todo list.

2. How can I refer to a certain div element in the krpano DOM tree? I mean, there are a lot of divs, and how to set the class or id or any other attribute so I could refer to the element by CSS/jQuery quickly?
I wouldn't recommend any direct custom modifications of the krpano DOM tree, but the DOM element of the layer and hotspot elements are exposed via the 'sprite' member variable:
http://krpano.com/docu/xml/#layer.sprite

Best regards,
Klaus

  • »spacerywirtualne« ist der Autor dieses Themas

Beiträge: 1 117

Wohnort: Poland, Europe

Beruf: krpano developer : virtual tours : the cms4vr owner

  • Nachricht senden

3

Freitag, 7. März 2014, 15:25

Hello Klaus,

Thanks for the quick and helpful response.

Regards,
Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

4

Mittwoch, 21. März 2018, 13:20

Hello,

I am looking for this feature (put base64 encoded images as a url attribute), any chances 4 years later (For HTML5 viewer) ?

Thanks !

5

Mittwoch, 21. März 2018, 13:45

Actually I just tested and it works, great !

Quellcode

1
2
3
<image>
	<sphere url="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
</image>