Fancybox-Plugin

[datiswous]

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"