The FancyBoxConfig.js file from this plugin has the following code:
Code:
jQuery(document).ready(function() {
jQuery('a#fb').fancybox({
'hideOnContentClick': true
});
jQuery('a[rel]').fancybox();
});
Oleg's version adds iframe functionality and has the following code:
Code:
jQuery(document).ready(function() {
jQuery('a.fb').fancybox({
'hideOnContentClick': true
});
jQuery('a[rel]').fancybox();
});
jQuery(document).ready(function() {
$("a.iframe").fancybox({
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
When you change that to the following code, you will add inline text functionality:
Code:
jQuery(document).ready(function() {
$('a.fb').fancybox({
'hideOnContentClick': true
});
$('a[rel]').fancybox();
$('a.inline').fancybox({
'hideOnContentClick': true
});
$("a.iframe").fancybox({
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
Also the code seems somewhat cleaner. Correct me if I made a mistake.
To make inline text work, you need the source view. There you add id="example" to the <p> element of the text you want to show inline. Optionally, you can hide the text by default so that it will only show by clicking on the link with style="display:none; (this will also hide it in ckeditor though). Change "example" to what you want. Then you make a link with <a class="inline" href="#example"