Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-10-10 16:36:03

Mimmo
Member
From: Basel/Swiss
Registered: 2016-09-06
Posts: 18
Website

360 Panorama whit Backlight 1.2.2

Hello World

I wanted to ask whether someone knows how to integrate a picture into a backlight?
see example:
https://www.foto-mimmo.ch/LG/panorama/Album/

https://www.foto-mimmo.ch/LG/pym/Skuba1.html

Thank you

Offline

#2 2017-10-11 00:25:06

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: 360 Panorama whit Backlight 1.2.2

Take a look at the index.html file included with the pym download. There are a number of lines of code in there that you're not using in your html document.
I'd suggest first including all those meta tags:

<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="HandheldFriendly" content="True" />
	<meta name="MobileOptimized" content="320" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no" />

and especially the css:

<link rel="stylesheet" type="text/css" media="all" href="normalize.css" />

	<style type="text/css">

		/* base styles */
		html { -webkit-text-size-adjust: none; /* prevent font scaling in landscape */ }
		
		#page__body {
			background-color: #fff;
			color: #333;
			margin: 0;
			padding:12px 24px;
		}
	
	</style>

also, the sample index.html file uses a div with id="page-body" to contain the content. You might try wrapping your content in a div with that id.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2017-10-11 14:20:25

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
Website

Re: 360 Panorama whit Backlight 1.2.2

The most important part of utilizing Pym is to have this in the embedded document:

<script src="pym.v1.min.js"></script><script>
	var pymChild = new pym.Child();
</script>

This is why we both provide sample code, and refer you to Pym's documentation.


Matt

The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB