Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free
Questions tagged [pannellum]
25 questions
7
votes
2 answers
Use NPM package in React Component
I try to use Pannellum NPM package in my React component.
Pannellum's API can be used like this:
pannellum.viewer('panorama', {
"type": "equirectangular",
"panorama": "https://pannellum.org/images/alma.jpg"
});
I thought the following…
Dandry
- 495
- 12
- 26
2
votes
1 answer
how to install react-pannellum library to react/ionic
I need to implement 3d panorama view in my react ionic app but I'm getting an error when I try install using either of the followings:
npm install --save react-pannellum
npm install --save pannellum
> npm WARN config global `--global`, `--local`…
NoobMaster69
- 63
- 4
2
votes
0 answers
I got this error in Next.js while implement Pannellum-react to make 3D images "Global CSS cannot be imported from within node_modules."
I can't make 3D images with pannellum in Next.js because I got this error:
My code:
import { Pannellum } from "pannellum-react";
import myImage from "./images/download1.jpg";
Riks
- 165
- 1
- 5
2
votes
2 answers
Javascript unable to Show/hide Dom Element (on Pannellum example)
i have a problem when i try to hide/show an element in the DOM using the javascript call document.getElementById(elemId).style.visibility = visible/hidden.
This is a very strange behaviour , when i get the DOM element by id and set the visibility to…
Nic
- 163
- 3
- 19
1
vote
1 answer
popup image with no html code only css and javascript
So I have a 360 Virtual tour using pannellum, I have this hotspot code desing in css
.custom-hotspot {
height: 30px;
width: 30px;
border-radius: 50%;
background: rgb(253, 253, 255);
}
I would like that when u click the hotspot popup…
Bernardo Olisan
- 665
- 7
- 20
1
vote
0 answers
Pannellum in iFrame suddenly stopped working
I have a simple "360 Tours" page on a client's Opencart website, using an iFrame on an info page. The page opens with an outside view, the visitor can then select other areas to view by clicking links below. The viewer code pannellum.htm and all the…
Gordo
- 11
- 2
1
vote
2 answers
PHP array to JSON having a parameter with a callback function
On my PHP script, I have an array similar to this:
$panorama = array(
"default" => array(
"firstScene" => 2,
"author" => 'Felipe'
),
"scenes" => array(
"circle" => array(
"title" => "Title 1",
…
churros
- 419
- 1
- 8
- 20
1
vote
2 answers
Avoiding Eval in javascript call to Pannellum
I have a website in which I use javascript and pannellum API to load multiple 360 panoramic views.
Occasionally the browser crashes, particularly when on my iPhone 6 in VR mode when a total of six pannellum instances are required in different…
Derek
- 53
- 8
1
vote
1 answer
Pannellum clickHandlerFunc
I am trying to use the clickHandlerFunc to open a Modal box. I am getting the error "Uncaught TypeError: a.clickHandlerFunc is not a function at HTMLDivElement. (pannellum.js:68)"
The following is my codes:
"hotSpots": [
{
…
user6607458
- 11
- 3
1
vote
1 answer
subprocess.check_call error in while trying to generate panoramic picture's for Pannellum
I'm using the Pannellum panorama viewer to do a tour experience of a campus. To improve the support for mobile devices I want to use the Pannellum's multiresolution format using the included python script to generate it form images.
I'm a mac user…
Matthew Abrman
- 711
- 10
- 18
0
votes
0 answers
Planet view in pannellum.js
Effect example: CLICK
Is it possible to make an animation like in the example - zooming in from the "planet" view?
I'm using pannelum.js.
const viewer = pannellum.viewer('panorama', {
"type": "cubemap",
"cubeMap": [
…
Lidia K.
- 209
- 3
- 13
0
votes
0 answers
Display context menu on Pannellum
I am trying to create an app where teachers will be able to set mathematical questions in hotspots, if the students give a correct answer than they are allowed to access the content from the hotspot.
But in order to do that I need to somehow get the…
lucasbbs.dk
- 61
- 4
0
votes
0 answers
Cannot use pannellum in react site, getting "viewer is not a function" error
I want to use pannellum 2.5.6 inside react 18.2.0. Here is my code so far
import React, { useRef, useEffect } from 'react';
import * as pannellum from 'pannellum'
const pano = '../assets/pano.jpg';
function ViewPane() {
const pannellumContainer…
codebot
- 517
- 8
- 29
- 55
0
votes
0 answers
Pannellum dragHandleFunction
I am using this new feature of draggable hotspot in Pannellum :
var dragHandler = function (e) {
console.log(e)
}
"hotSpots": [
{
"pitch": 5,
"yaw": 11,
"type":…
Toniq
- 4,492
- 12
- 50
- 109
0
votes
1 answer
Fade out audio using vanilla javascript
How can I fade out an audio element using vanilla js (no jquery)? I have looked at the numerous other questions on this forum but they all seem overly complicated or use jquery. I have written this code below. However, I get the following…
user11730319