fancybox-plus
Version:
jQuery lightbox and modal window plugin.
136 lines (107 loc) • 5.31 kB
HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>Fancybox-Plus - Fancy jQuery lightbox alternative</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/jquery/jquery-mousewheel/master/jquery.mousewheel.js"></script>
<!--<script type="text/javascript" src="https://rawgit.com/igorlino/fancybox-plus/master/src/jquery.fancybox-plus.js"></script>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/igorlino/fancybox-plus/master/css/jquery.fancybox-pluss.css" media="screen" />-->
<script type="text/javascript" src="../src/jquery.fancybox-plus.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.fancybox-plus.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<script type="text/javascript" src="js/web.js?m=20100203"></script>
<!--[if IE 6]>
<script src="https://rawgit.com/plus2/DD_belatedPNG/master/DD_belatedPNG_0.0.8a.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->
<script src="https://rawgit.com/sorccu/cufon/master/js/cufon.js" type="text/javascript"></script>
<script src="js/Museo_300_300.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1', {color: '#4682B4'});
</script>
</head>
<body>
<div id="page">
<div id="header">
<h1><a href="index.html">fancybox-<b>Plus</b></a></h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="howto.htm">How to use</a></li>
<li><a href="api.htm">API & Options</a></li>
<li><a href="blog.htm">Tips & Tricks</a></li>
<li><a class="active" href="faq.htm">FAQ</a></li>
<li><a href="support.htm">Support</a></li>
</ul>
</div>
<div id="col_wrap">
<div id="col_top"></div>
<div id="col_left">
<h1>Frequently Asked Questions</h1>
<p>This list will be populated from time to time </p>
<div id="faq">
<div class="list">
<p class="h">1. It doesn't work at all. The image opens up in a new page. What's wrong?</p>
<p>Check if you have included all files and set up FancyBox-Plus correctly</p>
</div>
<div class="list">
<p class="h">2. Can a FancyBox-Plus appear over the top of my Flash content?</p>
<p>Yes, read <a href="http://www.communitymx.com/content/article.cfm?cid=E5141">this explanation</a></p>
</div>
<div class="list">
<p class="h">3. Can the script be called from an iframe?</p>
<p>This is not supported as FancyBox-Plus is attached to page body. You can modify FancyBox-Plus source to suit your needs</p>
</div>
<div class="list">
<p class="h">4. I like it, is there any plugin for Wordpress ?</p>
<p>There are a few, you can try <a href="http://wordpress.org/extend/plugins/fancybox-for-wordpress/">using this</a> </p>
</div>
<div class="list">
<p class="h">5. How can I close FancyBox-Plus from other element? ?</p>
<p>
Just call <em>$.fancyboxPlus.close()</em> on your onClick event
</p>
</div>
<div class="list">
<p class="h">6. I`m using custom urls for images (for example, <em>index.php?action=dlattach;topic=3.0;attach=9;image</em>) and FancyBox-Plus shows source of image. Why?</p>
<p>
FancyBox-Plus guesses content type from url but sometimes it can be wrong. The solution is to force your type, like so - <em>$(".selector").fancyboxPlus({'type' : 'image'});</em>
</p>
<p><small>(required version 1.3+)</small></p>
</div>
<div class="list">
<p class="h">7. FancyBox-Plus is not working on all images, only first one opens. What's wrong?</p>
<p>
If you are using ID as selector <em>$("#selector").fancyboxPlus();</em> then switch to classes - <em>$(".selector").fancyboxPlus();</em>
</p>
</div>
<div class="list">
<p class="h">8. How to always show left and right navigation arrows?</p>
<p>
<a href="http://groups.google.com/group/fancybox/browse_thread/thread/1fd7617349b1e882/">http://groups.google.com/group/fancybox/browse_thread/thread/1fd7617349b1e882/</a>
</p>
</div>
</div>
</div>
<div id="col_right">
<div id="col_sep">
<p><b>Current Release</b><br /><a href="">Version</b> 1.3.5 (20.06.2015)</a></p>
<p><a href="https://github.com/igorlino/fancybox-plus/blob/master/CHANGELOG.md">Changelog</a></p>
</div>
<div id="adblock">
<h2>Our Sponsors</h2>
</div>
</div>
<div class="clear"></div>
</div>
<div id="col_bottom"></div>
<div id="footer">
<p>Contact: info <span>[at]</span> <a href="http://igorlino.github.io/fancybox-plus/fancybox">issues</a> /please, don`t send emails for help, use <a href="https://github.com/igorlino/fancybox-plus/issues">issues</a> instead</p>
</div>
</div>
</body>
</html>