Hi
I want to have my virtual tours "pop-up" in Colorbox as I have them do on my other website.
Please see: http://www.360virtual-tours.net/VirtualTours2.html
This is using Fancybox, and it works really well.
I have tried using fancybox in my new "orodha" inspired site by adding the following code into listing_detail_default.php
<div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://www.virtualcottagecompany.com/template/orodha/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.virtualcottagecompany.com/template/orodha/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<link rel="stylesheet" href="http://www.virtualcottagecompany.com/template/orodha/fbstyle.css" />
<script type="text/javascript">
$(document).ready(function() {
$("#various1").fancybox({
'width' : 800,
'height' : 600,
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe'
});
});
</script>
</div>
and fireing up the tours using: <div id=”popup”><a id="various1" href= http://www.360virtual-tours.net/Tours/W … yloft.html title="Burnside" ><img src=http://www.virtualcottagecompany.com/template/orodha/360icon50.png alt="View virtual tour for this property" width="50" border="0"></a></div>
This worked quite well, in that the tours sis open in a "Fancybox" window, the oly problem being the fbstyle knocked out the CSSstyle of the orodha template.
So I thought perhaps we can use Colorbox to do the same. With it already in Orodha, this perhaps would be better, but I cannot get it to work.
What code would I need to use with the html codes for the tours (http://www.360virtual-tours.net/Tours/W … yloft.html) to get them to open in Colorbox?
The reason we want to do this is because we already have over 700 tours built, and do not want to use the virtual tour player within Orodha.
Any ideas?
Thanks