Reputation: 786
I have this code if I am using an Image gallery;
<a href="image.jpg" class="fancybox">Image1</a>
At the bottom of the HTML code, I have this code (after Adding the CSS and Fancybox JS)
$(".fancybox").fancybox();
BOOM! Magic, it works and shows the image in a nice Fancybox window..
Now if I have this:
<a href="mypage.php" class="fancybox">My page</a>
It will just redirect to mypage.php normally, but it wont show it in a nice fancybox window... I just don't get it, I've followed the examples they give in the official Fancybox site, still nothing working.
Thank you!
Upvotes: 0
Views: 70
Reputation: 1020
open php file in fancy box use something like this
<a class="various fancybox.ajax" href="mypage.php">Ajax</a>
$(document).ready(function() {
$(".various").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
and read the example url here
http://fancyapps.com/fancybox/
Upvotes: 1