lacupuika wrote:Found soulution!!!!
Information source http://www.flashxml.net/adding-lightbox-to-flash.html
To call the Lightbox gallery, you need to inculde this plugin in your tours XML
<plugin name="yourplugin name"
url="your url"
alturl="builddata/graphics/menu/menu1.png"
align="your align"
onclick="set(fullscreen, false);js(GroupDelegate(img1));"
onhover="showtext('your text');"
/>
For single image use this JS function js(LightboxDelegate(yourimge.jpg,youtcaption)
klausesser wrote:lacupuika wrote:Found soulution!!!!
Information source http://www.flashxml.net/adding-lightbox-to-flash.html
To call the Lightbox gallery, you need to inculde this plugin in your tours XML
<plugin name="yourplugin name"
url="your url"
alturl="builddata/graphics/menu/menu1.png"
align="your align"
onclick="set(fullscreen, false);js(GroupDelegate(img1));"
onhover="showtext('your text');"
/>
For single image use this JS function js(LightboxDelegate(yourimge.jpg,youtcaption)
Hi!
Can you show an example?
best, Klaus
lacupuika wrote:Here is link to my example http://www.avpakalpojumi.lv/test/lightbox
mediavets wrote:lacupuika wrote:Here is link to my example http://www.avpakalpojumi.lv/test/lightbox
How do you dismiss/close the gallery once it's opened?
lacupuika wrote:Found soulution!!!!
Information source http://www.flashxml.net/adding-lightbox-to-flash.html
To call the Lightbox gallery, you need to inculde this plugin in your tours XML
<plugin name="yourplugin name"
url="your url"
alturl="builddata/graphics/menu/menu1.png"
align="your align"
onclick="set(fullscreen, false);js(GroupDelegate(img1));"
onhover="showtext('your text');"
/>
For single image use this JS function js(LightboxDelegate(yourimge.jpg,youtcaption)
mediavets wrote:I don't see that Close link - when viewing with FireFox 4.0.1 on Windows XP/32 with SP3.
Nor does clicking outside the Gallery frame close the box.
Also one cannot display the gallery and stay in Fullscreen, invoking the gallery takes you out of fullscreen mode.
Destiny wrote:Hi... Really interesting subject.. Right at the heart to what I am doing.. I tried Lightbox weeks ago but I found it to be too restrictive, but so far I have had heaps of success... I need to try out Colourbox too.. See what can be done with that..
http://www.destinyvirtualtours.com/AntiqueChineeseScreen/virtualtour.html
Testing ground with Grid VRs + interactive tests hotshots...
http://www.destinyvirtualtours.com/ShadowboxText/index.html
http://www.destinyvirtualtours.com/ShadowBoxImage/index.html
http://www.destinyvirtualtours.com/ShadowBox/index.html
http://www.destinyvirtualtours.com/ShadowboxSlideShow/index.html
http://www.destinyvirtualtours.com/ShadowboxFlippingBook/index.html
http://www.destinyvirtualtours.com/ShadowBoxFlatPano/index.html
http://www.destinyvirtualtours.com/ShadowBox3DRotate/index.html
I will try your process out and see what I can do with it.. Sounds exciting.. Love it..Well done..
Destiny...
lacupuika wrote:mediavets wrote:I don't see that Close link - when viewing with FireFox 4.0.1 on Windows XP/32 with SP3.
Nor does clicking outside the Gallery frame close the box.
Also one cannot display the gallery and stay in Fullscreen, invoking the gallery takes you out of fullscreen mode.
The problem might be FireFox 4.0.1. Because everything works fine in 10.0.2 and Safari 5.1.3 (Mac OS X 10.7.3) and even on IE9 (Windows 7 on Parallels Desktop). Haven't tried Chrome yet.
lumelix wrote:There must be something inside the lightbox plugin, because the pictureshow self is running with next/prev buttons.
It's only this bottom line of lightbox, witch will not shown properly.
To close the lightbox, I can use ESC.
In iE 8.0 I get folowing error message:
Meldung: 'JSON' ist undefiniert
Zeile: 418
Zeichen: 6
Code: 0
URI: http://www.avpakalpojumi.lv/test/lightbox/
When I check it with firebug in FF, for this navi bottom line there is a div "imageDataContainer" with opacity: 0.999999;
This could make problems with some browsers and versions (see first image below).
As you can see, in this moment, the navi bar is not shown. But when I use "investigate object", it is shown (second image below).
So perhaps it is a issue with floating, hover, opacity or the z-index of this div container.
But it is a nice bathroom - like Ali Baba and the 1000 ...
lacupuika wrote:Here is example http://www.avpakalpojumi.lv/tuures/eksportbars/
mediavets wrote:lacupuika wrote:Here is example http://www.avpakalpojumi.lv/tuures/eksportbars/
The Gallery works well for me - but the menu and drinks menu buttons don't seem to work properly.
lacupuika wrote:Finally!!!
Here is full code to get Colorbox working on every browser and every OS.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Virtual Tour generated by Panotour</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<link href="layout.css" rel="stylesheet" type="text/css" />
<link media="screen" rel="stylesheet" href="colorbox.css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
</head>
<body>
<script src="swfobject/swfkrpano.js"></script>
<div id="container">
<div id="panoDIV" style="height:100%;">
<script>
embedpano({target:"panoDIV",swf:"$(SWF)",width:"100%",height:"100%",allowFullScreen:"true"});
</script>
<noscript>
<div id="tour">
<object data="$(SWF)">
<param name="wmode" value="transparent" />
<param name="allowscriptaccess" value="always">
<embed src="$(SWF)" allowFullScreen="true" vmode="transparent" />
</object>
</div>
</noscript>
</div>
</div>
<script type="text/javascript">
function LaunchColorbox(url, caption){
$.colorbox({href:url, title:caption, width:"80%", height:"80%",iframe:true});
}
</script>
</body>
</html>
Most important thing - I edited swfkrpano.js - row 33 - add this - f.addParam("wmode","transparent");
However, I had to modify colorbox.css as well.
If anyone wants PTP theme with css, js and html - post me, and I will send.
Here is example http://www.avpakalpojumi.lv/tuures/eksportbars/
Best regards;)
<hotspot name="spot0"
onclick="set(fullscreen, false);js(LaunchColorbox('http://junshanclimber.com', climbing));"
url="virtualtourdata/graphics/spots/spot0.png"
onhover="showtext(opencolorbox);"
ath="-19.7688"
atv="2.49342"/>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Virtual Tour generated by Panotour</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<style type="text/css">
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
* { padding: 0; margin: 0; }
html { height: 100%; }
body { height: 100%; overflow:hidden; }
#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
</style>
<link media="screen" rel="stylesheet" href="colorbox/example1/colorbox.css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>
</head>
<body>
<script src="swfobject/swfkrpano.js"></script>
<div id="container">
<div id="panoDIV" style="height:100%;">
<script>
embedpano({target:"panoDIV",swf:"virtualtour.swf",width:"100%",height:"100%",allowFullScreen:"true"});
</script>
<noscript>
<div id="tour">
<object data="virtualtour.swf">
<param name="wmode" value="transparent" />
<param name="allowscriptaccess" value="always">
<embed src="virtualtour.swf" width="100%" height="100%" allowFullScreen="true" vmode="transparent"></embed>
</object>
</div>
</noscript>
</div>
</div>
</body>
<script type="text/javascript">
function LaunchColorbox(url, caption){
$.colorbox({href:url, title:caption, width:"80%", height:"80%",iframe:true});
}
</script>
</html>
Users browsing this forum: No registered users and 2 guests