leemark / embed360

Easily embed multiple 360 photos in a web page using aframevr

embed360

Easily embed multiple 360° photos into your webpages using the power and simplicity of A-frame.

Step 1: Include the embed360.js script.

<script src="path/to/embed360.js"></script>

Step 2: Add each 360 photo as HTML. Each one should have a container element and an image element as seen below.

<div class="embed360">
  <img src="/path/to/image.jpg">
</div>

Step 3: Call the embed360() function, passing in a selector for your container element(s)

embed360('.embed360');

See examples and documentation at https://leemark.github.io/embed360/.