You are not logged in.

Link light box Gallery

vasin

Trainee

  • "vasin" started this thread

Posts: 93

Location: bangkok

Occupation: photographer

  • Send private message

1

Monday, January 28th 2013, 9:14am

Link light box Gallery

Hello

Is it possible to link a lightbox Gallery from the virtual tours? Has anyone tried this?
Any input or samples please.

Thank you
http://www.at-bangkok.com/

Sudarchikov Andrey

Professional

Posts: 1,082

Location: Russia, Kaliningrad

  • Send private message

2

Monday, January 28th 2013, 11:07am

Hi!
you can do JavaScript calls with js() action
so you can use any js scripting.
jast make javascript function in html page, and then call it from krpano
for example

script
function bla(text) { alert(text); }
script

and call from krpano xml - js(bla(This is hello from krpano));

BTW - my opinion is the fancybox better http://fancyapps.com/fancybox/#examples

best regards
Andrey *thumbup*

PS
or you mean lightBox in tour for show images?
then take a look at this http://www.krpano.com/forum/wbb/index.ph…42075#post42075




.
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

ryan_jackson

Beginner

Posts: 2

Location: Edmonton, AB

Occupation: Photojournalist

  • Send private message

3

Tuesday, February 19th 2013, 11:30pm

Here is an example that works for me. Note this is using Fancybox2.

Step #1:
Install the Fancybox javascript code on your server and include everything in the instructions here:
http://fancyapps.com/fancybox/

Step #2:
Put this code in your .html file that launches the .xml

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<script>
function display_box (url) {
$.fancybox({
'href': url,
'width'    : '100%',
'height'   : '100%',
'autoScale'   : false,
'transitionIn'  : 'none',
'transitionOut'  : 'none',
'type'    : 'iframe'

 });
}

</script>


Step #3:
Launch the box from your KrPano XML on a click event like this

Source code

 
1

onclick="js(display_box(http://www.url.com)););"
Ryan Jackson
Photojournalist
Edmonton Journal
@ryan_jackson
http://www.ryanjackson.ca

Similar threads