FancyBox Tutorial Code | Rapidweaver | Marten Claridge
FancyBox Tutorial Code
For those of you following the FancyBox Tutorial — copy and paste the following code into the Custom Header pane of the Page Inspector:
<link
rel="stylesheet" type="text/css" href="assets/jquery.fancybox.css"
media="screen" />
<script
type="text/javascript" src="assets/jquery-1.3.2.min.js"></script>
<script
type="text/javascript" src="assets/jquery.easing.1.3.js"></script>
<script
type="text/javascript" src="assets/jquery.fancybox-1.2.0.js"></script>
<script
type="text/javascript">
$(document).ready(function() {
$("a#YOUR_ID_HERE").fancybox({
'hideOnContentClick': true });
$("a.YOUR_CLASS_HERE").fancybox({ 'zoomSpeedIn': 0,
'zoomSpeedOut': 0, 'overlayShow': true }); });
</script>
