Hotspot Hover

lukme

New member
Hi there,

is it possible to pop up hotspot pictures that are outside of the webrotate field? Is it possible that the hotspot picture has to be clicked away manually by the user, so that it not disappears when not hovering?

Kind regards
 

WebSupport

Active member
Hi! We're finishing API support that among other features allows subscribing to hot-spot events, so activating something else on your page outside of the webrotate box when somebody clicks on a hot-spot should be possible in the final v3.5 release of the 360 product viewer (hopefully in about a month..).

Same goes to deactivating hot-spot rollovers on click vs "mouse out" on desktop - we're working on it and this is something that should be available in a couple of weeks. Please stay tuned.
 

lukme

New member
Hey,

I have now another problem. The hotspots are working in the beginning, but after a few rotations they aren´t showing up. They are customized by a html-code - one hotspots is always wokring, but the rest doesn´t show up ,as mentioned.

Code:
<html>
  
      <head></head>
 
       <body>
 	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>

		<div style="display: table; width: 100%;">
	 		<figure style="display: table-cell; padding: 0 4px; text-align: left; font-family: 'Open Sans Condensed', 'sans-serif;">
 
	Text above the picture

 <img src="link to the picture on ftp"/>

	</figure>

</div>
      
  </body>
 
   </html>

In this way, I created the whole three hotspots, but I seems not to work quite correct. I hope you can help me out.

Kind regards
 

WebSupport

Active member
Great - thanks for the update!

PS: you would usually not want to have html / body tags inside the hot-spot markup as they will be ignored by the browser anyway or may cause issues. It's best to start with <div></div> and add all your hot-spot markup inside the div (you can style the div as needed using either inline styles or your own CSS).

Also, if you have any images in the hot-spot markup, it's good to specify their dimensions upfront in the markup as well, i.e. <img src="..." width="xxx" height="xxx"/> - this will ensure that the wrapping div will stretch right away just enough to fit all your hot-spot content that may take a moment to load from your server on the first mouse hover / touch on a hot-spot. Another approach is to assign width and height (using styles) to the wrapping div such that it's known to the browser upfront.
 

jrittle

New member
WebSupport":1x2bx5p3 said:
Same goes to deactivating hot-spot rollovers on click vs "mouse out" on desktop - we're working on it and this is something that should be available in a couple of weeks. Please stay tuned.

I was curious if this feature of deactivating hot-spot rollovers via click event was ever implemented?
Is this just a setting I am missing?
 

WebSupport

Active member
The hotspot popups do close fine on click or tap within the popups box, but it's still not possible to disable the deactivation of the popups on "mouse out" in v3.5 (that's I guess what you are after?). It was causing issues and we had to keep it for the time being. Will revisit it in the next release slated for Jan 2015.
 

Florian

New member
Any news on disable the deactivation of the popups on "mouse out" ?

And what about the mentioned API to allow subscribing to hot-spot events?

cheers,
Florian
 

WebSupport

Active member
Hi Florian, both items are pretty much ready along with a slew of other new hotspot features and improvements that we recently implemented in v3.6 beta. Hotspot support was almost completely re-worked in the last two months...

If you leave us your email (you can pm it here or email to support at webrotate360 dot com), we should be able to send you a new build with both items you mentioned in about 1-2 weeks (as still need to finish backward compatibility for older projects in SpotEditor and have some documentation as well).
 
Top