Posts by Le Duc

Hi jeromebg , I want center callout wrapper content like this image, I had try add some custom class/style but not work
Do you any solution or keywords to do? Thanks

Hi, i want center callout wrapper content like this image
I had try add transformTranslateX(-50%) or custom style, class but not work
can you give me some keywords to do?
thanks

Quote from indexofrefraction

https://krpano.com/docu/xml/#hotspot.onloaded

https://krpano.com/docu/xml/#display.layout.update

--> maybe use display.layout.update() in the images onload event

thanks , it's work for me

Hi, I have another problem

my scene has many callout hotspots, and each hotspot contains an image URL

but when the callout popup is open, the height of the content hotspot is not cover component content

if I using static image it's works fine but with online image URL it's not work

this is my code, do you have any solution for this case

- second question: is callout hotspot support dragging? I tried but not work

<data name="customCalloutContent@index">
  <![CDATA[
    <div class="bg-white w-[188px] h-auto" id="callout-content-@name">
      <img 
        src="@url"
        class='w-[188px] h-auto object-cover mb-3' 
        width="188"
      />
      <div class="text-fs-12 text-grey-11 font-semibold max-w-[188px] line-clamp-3 break-words whitespace-pre-line">@title</div>
      <div class="text-fs-12 text-grey-11 max-w-[188px] mt-1 line-clamp-3 break-words whitespace-pre-line">@description</div>
    </div>
    
  ]]>
</data>


<hotspot 
  name="@name" 
  ath="@h"
  atv="@v" 
  style="callout"
  text_bg="true"
  callout_bg_color="0xffffff"
  callout_bg_alpha="1"
  callout_bg_border="0,0,0,2"
  text_x="0"
  text_padding="10"
  text_width="auto"
  content="get:data[customCalloutContent@index].content"
/>

Hi,

I just bought the plugin and I want add a video source in content of callout, is it possible?

Hi Klaus, thanks for reply me
I tried another tool (https://www.grayscaleimage.com/) for generating depthmap image and it look better:
https://file.meeymedia.com/meey3d-test/temp/2024/11/14/1gray-1731551528114-425691.jpg
I already import plugin depthmap_navigation.xml but when view scene, still not work as expected
this is my current tour before add depthmap : https://meey3d-ui-test.meey.dev/tour/name-2-tour-719-103323

Hi everyone, I'm new in krpano
I have some trouble when working with depthmap.
I already have gray-scale image of each scene but don't know how to setup with XML code, I had read example in krpano but still not work
This is my scene code, please help me step by step how to using depth map. Thanks very much!
<scene

name='Panos-673466a79da8f4d0963845c2'

title='2'

thumburl='https://io.meeymedia.com/meey3d-test/pa…tiles/thumb.jpg'

lat=''

lng=''

heading=''

bgcapture='true'

onloaded='handleLoadedScene()'

onclick='handleClickScene();'

onstart='handleStartScene(Panos-673466a79da8f4d0963845c2, undefined, undefined)' floor='floorplans_containerundefined'

>

<autorotate enabled="true" />

<control bouncinglimits='calc:image.cube ? true : false' />

<events onloadcomplete="jscall(reactKrpano.sceneLoadCompleted(true)); set(isLoadSceneCompleted, true);"/>

<events

onautorotateoneround="

if(get(isLoadSceneCompleted), jscall(reactKrpano.handleNextScene('673466a79da8f4d0963845c2'));)

"

/>

<view depthmap="true" depthmap.depthscale="1.0" fovtype='MFOV' fov='120' maxpixelzoom='1.5' fovmin='1.0' fovmax='140' limitview='auto' />

<preview url='https://io.meeymedia.com/meey3d-test/pa…les/preview.jpg' />

<events name='currentpano'

onnewpano='stopallsounds();'

onremovepano='stopallsounds();'

/>

<image>

<cube url='https://io.meeymedia.com/meey3d-test/pa…s/%25s/%25s.jpg' />

<depthmap background="pano" url="https://file.meeymedia.com/meey3d-test/te…8561-129917.png" mapmode="1" scale="1.0" offset="0.0"/>

</image>

</scene>