Lightbox Intergration within web content

[Jeffrey Gochman Optimum Lightpath, modifié il y a 12 années.]

I am looking to integrate a Javascript Lightbox with different pieces of web content. I know how to add Fancybox or Graybox to my theme, but I do not know how to call to it instead my webcontent. Some of the webcontent I want to add it to is using structures/templates and not using the wiki editor so I am unable to just write <a id="various5" class="click" href="l" title=""> because there is no wiki editor.

I am looking for any feedback I can get. If you need more information or clarification please let me know.

Thank you

[Manali Lalaji, modifié il y a 12 années.]

Hi Jeffery,

If you want to use fancybox for your webcontent. You can add the following code in editor:
<script type="text/javascript" src="/theme-name/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="/theme-name/js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#various1").fancybox({
'width':690,
'height': 485,
'autoScale': false,
'transitionIn':'none',
'transitionOut':'none',
'type':'iframe'
});
$('.mySelectBoxClass').customStyle();
});
</script>
Steps:
1. Add fancy-box css in theme.
2. Add fancy-box js in theme----> jquery.fancybox-1.3.4.js
3. Above mentioned code for opening link.

Refer : http://fancybox.net/ for more help.

Hope this helps,
Regards,
Manali

[Jeffrey Gochman Optimum Lightpath, modifié il y a 12 années.]

Manali thank you for responding to my post.

My issue isn't integrating the lightbox into my theme, my issue is how do I open the link when I am not using a web editor/wiki editor.

For example we are using web content with custom structures, that allow us to choose from a dropdown list of pages for us the link to, instead of using a wiki editor for all the links. I was trying to see if there was a way to call to the lightbox without having to use html in the wikieditor.

Please let me know if you can help me. I thank you in advanced for your time.