Fancybox questine
- Started
- Last post
- 4 Responses
- Continuity
Any of you ever use Fancybox? I'm trying to make it work on a site I'm doing, but every time I click the link to trigger it, it just loads the linked page in the same browser window, as opposed to an iFrame on an overlay, with the page from which it was spawned underneath. It's driving me nuts.
Head content:
<!-- Begin Fancybox includes -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script>
$(document).ready(function() {
$("a[@rel*=fancybox]").fancybox...
'width': '620px',
'height': '385px',
'autoScale' : false,
'transitionIn': 'none',
'transitionOut': 'none',
'type': 'iframe',
'hideOnContentClick': true,
'overlayShow': true,
'overlayColor': '#000',
'overlayOpacity': 0.9
});
});
</script>
<!-- End Fancybox includes -->HTML content:
<div class="packagesCTA"><a id="howTo" href="http://www.google.co.uk" rel="fancybox">how to select the right streaming plan</a></div>Help a fellow QBNer out? Thx!
- ideaist0
1. Use the most recent jQuery @ http://jquery.com/ -> http://code.jquery.com/jquery-1.…
2. Verify your /fancybox/ directory, the .js & .css docs
3. lose the iFrame ('type': 'iframe',). I've just done one @ http://renepetitjean.com/beta/ch… and it's not necessary...
- Check the last link their; is that what you're trying to achieve?ideaist
- Continuity0
Thx. I have the frame there, though, because I want to load HTML content into the box ...
- Continuity0
Nope, still not working.
Grrrr.
- You'll get it homey... Go element by element and make sure your javascript is flawless...ideaist