Need help with modx

Hello:

I am new to modx and I am building my first site with this CMS. Could someone tell me how can I zoom an image inside an article with java (lightbox)? Honestly dont get it. Thank You.

1. It’s not Java, it’s Javascript. A whole different thing. This isn’t just a quibble, it really is a totally different thing. Stupid name; it’s actually ECMAScript but that isn’t as fancy a name.

2. Choose your javascript library. I use JQuery almost exclusively for everything.
3. Choose a plugin or script to do what you want that works with your chosen library.
3. Follow the directions for the plugin or script you’ve selected.

All you’ll need to do is to make sure that MODx will generate the HTML structure the javascript wants, and add the various <script...></script> tags to include the javascript files either to your template or to the content of the resource, just as you would in any HTML page. Since Javascript works in the browser and MODx works on the server, MODx doesn’t care what javascript you run.

If you’re working with tinyMCE, you have a special menu for lightbox links in the link-button-popup:

4th tab "advanced" > Relationship page to target > select "lightbox" from the dropdown menu

This will insert the rel="lightbox" bit for you, e.g.
<a rel="lightbox" href="[~327~]">blah</a>

So, if you have chosen a lightbox flavor that uses the rel="lightbox" trigger (i.e. if you’ve referenced the necessary JS/CSS in the MODX template), you (or - more likely: your client) won’t have to switch from WYSIWYG to source-code-view just to insert a lightbox link.

If you build entire image galleries with MaxiGallery, just select one of the lightbox types in the parameters: http://wiki.modxcms.com/index.php/MaxiGallery#Parameters -> &embedtype

Quote from: ganeshXL at Jun 11, 2011, 09:29 PM

If you’re working with tinyMCE, you have a special menu for lightbox links in the link-button-popup:

4th tab "advanced" > Relationship page to target > select "lightbox" from the dropdown menu

This will insert the rel="lightbox" bit for you, e.g.
<a rel="lightbox" href="[~327~]">blah</a>

So, if you have chosen a lightbox flavor that uses the rel="lightbox" trigger (i.e. if you’ve referenced the necessary JS/CSS in the MODX template), you (or - more likely: your client) won’t have to switch from WYSIWYG to source-code-view just to insert a lightbox link.

If you build entire image galleries with MaxiGallery, just select one of the lightbox types in the parameters: http://wiki.modxcms.com/index.php/MaxiGallery#Parameters -> &embedtype

Yes I am using tinyMCE, founded in the advanced tab Relationship page to target > select "lightbox" from the dropdown menu, but that is as far as I can i go . Afer selecting lightbox, what else I have to do?

Its just I am new to all this CMS things and dont get it quietly

(i.e. if you’ve referenced the necessary JS/CSS in the MODX template) - This means that I must link the "JS" "Lightbox" in the header of my template?
Thanks alot for your help