Sie sind nicht angemeldet.

1

Mittwoch, 16. April 2014, 20:14

Open HTML page in lightbox

Hi, there is a way to open one popup html page like popup image?
Thanks.

2

Sonntag, 20. April 2014, 20:14

Any ideas?

virtual pete

Fortgeschrittener

Beiträge: 245

Wohnort: Nerja

Beruf: Holiday rentals Nerja Costa del Sol

  • Nachricht senden

3

Montag, 21. April 2014, 00:19

Hi Grollaz, I use floatbox which is a lightbox clone. I can click on an image/icon in my tour and it will open a any content within the floatbox.

You can see it in action here - just click on the Google map icon

Here is the script I use.

Place in your tour.html in the head section:

<link type="text/css" rel="stylesheet" href="http://www.YourDomain.com/floatbox5.7/floatbox.css" />
<script type="text/javascript" src="http://www.YourDomain.com/floatbox5.7/floatbox.js"></script>
<script type="text/javascript" src="http://www.YourDomain.com/floatbox5.7/options.js"></script>

<script>
function lightboxme(url, loptions) {

fb.start(url,loptions);

}

function rescroll() {
$('html').css({overflow:'auto'});
}

function lightbox_noscroll(url, loptions) {

$('html').css({overflow:'hidden'});
fb.start(url+'&'+$('#Form2').serialize(),loptions);

}
function resizefb() {

fb.resize();

}

//this one is to check if it´s not working that the call is being made to the right place

function checkcall(){

alert('got it!');

}
</script>

in xml
this sets up the clickable image and associated target link

<!-- set optional skin logo url -->
<layer name="skin_logo" url="YourImage.jpg" scale="1.00" align="lefttop" onclick="js(lightboxme('http://www.YourTargetURL.com','type:video width:1050 height:710 sameBox:true'));" />


Floatbox is not free but you can try it for free no problem. I am sure there are other similar lightbox options out there for free and you just need to make the js call to it.

Hope it helps *thumbsup*