You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

atomicmak

Trainee

  • "atomicmak" started this thread

Posts: 60

Occupation: E-Media Creative Work

  • Send private message

1

Saturday, March 26th 2011, 9:06am

krpano inside jquerymoblie

Was trying to learn jquerymobile framework and i tried to put pano inside content area sharing html code here plz guide how can i set panorama to play fullscreen so as header and footer stays above all and the player does not show border gap around.

Here is the html code.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>jQuery Mobile Page</title>
<link rel="stylesheet" href="jquery.mobile-1.0a3.css" />
<script type="text/javascript" src="jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jquery.mobile-1.0a3.min.js"></script>
<style>
	html { height:100%; }
	body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
	a{ color:#AAAAAA; text-decoration:underline; }
	a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>


<!-- Start of first page --> 
<div data-role="page" id="Home" data-theme="a"> 
 
	<div data-role="header"> 
		<h1>Home</h1> 
	</div><!-- /header --> 
 
	<div data-role="content" data-theme="a">	
	

<div data-role="navbar">
<ul>
<li><a href="a.html" class="ui-btn-active">One</a></li>
<li><a href="b.html">Two</a></li>
</ul>
</div><!-- /navbar -->


		<p>Hello world</p>
		<ul data-role="listview" data-inset="true" data-theme="c">
		<li><a href="#Products">Products</a></li>
		<li><a href="#Services">Services</a></li>
		<li><a href="#about">About us</a></li>
		<li><a href="#contact">Contact</a></li>
		</ul>
	</div><!-- /content --> 
	
	<div data-role="footer" data-position="fixed" data-theme="a"> 
		<h4>Testing</h4> 
	</div><!-- /footer --> 
</div><!-- /page --> 


<!-- Start of second page --> 
<div data-role="page" id="Products" data-theme="a"> 
 
	<div data-role="header"> 
		<h1>Products</h1> 
	</div><!-- /header --> 
 
	<div data-role="content" >	
		<script src="pano.js"></script>
		<div id="pano" style="width:100%; height:100%;">
			<noscript>Javascript not activated</noscript>
			<script>
				embedpano({swf:"krpano.swf", xml:"ERbr.xml", target:"pano"});
			</script>
		</div>	
	</div><!-- /content --> 
	
	<div data-role="footer" data-position="fixed" data-theme="a"> 
		<h4>Products</h4> 
	</div><!-- /footer --> 
</div><!-- /page --> 

</body>

</html>


I find this framework pretty interesting as it allows to build for anymobile and tab.

Please guide
Regards
Mak

2

Wednesday, April 13th 2011, 12:39pm

Hi atomicmak
I'm trying to add it to JQM too. Does it work for you ?

Best

Jerome