Third-party Open Source Widget for 360-Degree Images 

This free, open source 360-degree image viewer can be added to a dominKnow | ONE page as an HTML Widget element

Although dominKnow | ONE doesn't currently have native support for 360-degree images, this open source option has worked well when added to a page as an HTML Widget element in our testing.

It's from the team at Live Blogger.

Here it is in action in an example Flow Project:

360-Degree Image Viewer Example Project >> 

Here's where to find the widget on GitHub, where you can download it:

360-degree Image Viewer >>

And for the programming-minded, here's a YouTube Video on how it was created (although you don't need to know these details just to use it as-is in dominKnow | ONE):

How To Embed 360 Degree Panoramic Image To Your Website - Live Blogger >>

Using the 360-Degree Image Viewer as an HTML Widget in dominKnow | ONE

Once you download the package from GitHub, you can easily change the image in the Images folder.

If your replacement image has the same name as the existing image you won't need to alter the index.html file. 

If you do edit the index.html file you can also change the default text to something other than "Hi, Welcome"

Once you make those changes, you can follow the steps in this article to prepare the package as a zip for uploading then adding it to your page as an HTML Widget element:

Working With HTML Widget Elements >>

The caveat and defensive legal statement: Although this widget worked well in our testing, the dominKnow team didn't create it so we can't offer any tech support for it or make any guarantees about its performance, etc.  

  0     0

Similar Projects

thumbnail image
Working with HTML Widget Elements
2023-02-21

Easily integrate new experiences or extend our authoring capabilities on any dominKnow | ONE page

2 min read
avatar
Chris Van Wingerden
thumbnail image
Images - Web Media Optimization Recommended Practice
2021-11-05

Optimizing images for the web

9 min read
avatar
Nick Washburn
thumbnail image
Editing images
2021-05-01

You can quickly make image edits and adjustments using the Image Editor

1 min read
avatar
Chris Van Wingerden
thumbnail image
Insert User Name into Text
2020-04-30

The Cocktail Party Effect

1 min read
avatar
Brent Schlenker
thumbnail image
Publishing to Take Advantage of the Publish Targets in a Convey Dynamic Publishing Web Link for informal learning
2023-08-10

Easily publish your single-source Project for different target audiences for informal learning

1 min read
avatar
Chris Van Wingerden
Using Images as Options in eLearning Test Questions
2019-03-08

Use Images as Answer Options in Test Questions

1 min read
avatar
Brent Schlenker
thumbnail image
Publishing to Take Advantage of the Publish Targets in Your LMS
2023-08-02

Easily publish your single-source Project for different target audiences for formal elearning

1 min read
avatar
Chris Van Wingerden
thumbnail image
Embed VIMEO Video and Change Its Size
2022-12-20

Editing the iframe code to adjust the size of the embedded VIMEO video

1 min read
avatar
Brent Schlenker
thumbnail image
Element Controls for Image elements
2024-03-12

Quick access to add elements over the image, formatting, editing, actions and more

1 min read
avatar
Chris Van Wingerden
360 video template
2021-09-22

can you use 360 video to create an expereince?
 

avatar
Traffic-77

Questions  ( 0 )

Sign in to ask or answer a question.

Comments ( 0 )

Sign in to join the discussion.