<script type="text/javascript">
    $().ready(function () {
        $(".fancybox").fancybox();
    });
</script>

And the BBcode like this:

<a class="fancybox" href="https://www.cotonti.com/$1"><img src="https://www.cotonti.com/$1" alt="" /></a>
<a class="fancybox" href="https://www.cotonti.com/$1"><img src="https://www.cotonti.com/$2" alt="" /></a>

$().ready(function() {  });

and outside of it. no result.

$(".fancybox").fancybox();

Added 3 weeks later:

Im probably doing shit wrong, but I followed the tut to the letter.. doesnt work..

So my question; will this work to when you adapt bb code for it?

In ur example, the class is set on the <a href=https://www.cotonti.com/..> but when I look at the bb code, the default scale class is set on the <img=.. />

<a href="https://www.cotonti.com/$1"><img src="https://www.cotonti.com/$1" alt="" class="scale"/></a>

Now, the scale thing didnt work to begin with, but when i change it to fancybox nothing happens, when I set fancybox to a href, it still doesnt work.

http://www.fap-clan.com and look at the curiosity topic. :(

Can some one tell this noobie what he is doing wrong?

After acception you will find it here

Thx Kort,  can you put this into documentation?

Indeed, before it gets lost in the forums.

1. Fancybox Integration

1.1. Download at https://github.com/fancyapps/fancyBox

1.2. Copy contents of the source folder into themes/nemesis/js/fancybox/

1.3. Include the plugin in nemesis.rc.php:

cot_rc_add_file($cfg['themes_dir'].'/'.$usr['theme'].'/js/fancybox/jquery.fancybox.css');
cot_rc_add_file($cfg['themes_dir'].'/'.$usr['theme'].'/js/fancybox/jquery.fancybox.pack.js');

1.4. Initialize the plugin in themes/nemesis/js/js.js:

$(".fancybox").fancybox();

1.5. Add .fancybox class to any element you need like:

<a href="https://www.cotonti.com/#" title="Lorem Ipsum" class="fancybox"><img src="https://www.cotonti.com/#" alt="" /></a>

1.6. Find options for the init string here: http://fancyapps.com/fancybox/

2. PrettyPhoto Integration

2.1. Download at http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

2.2. Unzip the package into themes/nemesis/js/prettyphoto/

2.3. Include:

cot_rc_add_file($cfg['themes_dir'].'/'.$usr['theme'].'/js/prettyphoto/css/prettyPhoto.css');
cot_rc_add_file($cfg['themes_dir'].'/'.$usr['theme'].'/js/prettyphoto/js/jquery.prettyPhoto.js');

2.4. Init (example):

$("a[rel^='prettyPhoto']").prettyPhoto({
	show_title: true,
	social_tools: 0
});

2.5. Use selectors (mavatar example):

<ul id="listGal">
<!-- BEGIN: PAGEMAVATAR_ROW -->
	<li<!-- IF {PAGE_SLIDER_MAVATARNUM} % 4 == 0 --> class="endItem"<!-- ENDIF -->><a href="https://www.cotonti.com/{PAGE_SLIDER_MAVATAR}" rel="prettyPhoto[pp_gal]" title="{PAGE_SLIDER_MAVATARDESC}"><img src="https://www.cotonti.com/datas/galleries/thumb_{PAGE_SLIDER_MAVATARFILE}" alt="" /></a></li>
<!-- END: PAGEMAVATAR_ROW -->
</ul>

2.6. Spice up with the options: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

Advantages of the non-plugin approach:

- no need for a plugin and no need for a plugin maker

- use any selector and any options for any selector

- modal windows, galleries etc.

- easy upgrade (just copy / overwrite source files)

- use CSS/JS consolidation capability

Why would you guys need to:

1. Use outdated script?
2. Use plugin and limit yourselves with just one class rather than including the script via theme resource file?

Any lightbox clone (like Fancybox, PrettyPhoto etc.) can be used via theme rc.php and configured via js.js. It's a routine thing giving you any class or rel, galleries, modal windows, flash, youtube videos & more, taking 10 minutes of work and definitely not worth the time you spend of the useless plugin.

tbh i'm not a coder and welcome any help from people in the community.  As long as someone uses it, it's not useless.

Maybe if it's so simple you'd consent to writing up some articles on how to do it?  I for one would really like to have a gallery based on this but don't know how to code it.

definitely not worth the time you spend of the useless plugin.

If people are using it succesfully, and it does what they want it to do, it's not useless, is it.

2. we're not all professionals like you. I have (mediockre) html/css knowledge and have to do with things like this. It gets the job done.

1. Use outdated script?
2. Use plugin and limit yourselves with just one class rather than including the script via theme resource file?

Any lightbox clone (like Fancybox, PrettyPhoto etc.) can be used via theme rc.php and configured via js.js. It's a routine thing giving you any class or rel, galleries, modal windows, flash, youtube videos & more, taking 10 minutes of work and definitely not worth the time you spend of the useless plugin.

http://www.cotonti.com/extensions/files-media/slimbox_siena

I'll update that ASAP when I have time, sorry for the inconvenience.

1. it wont install because the slimbox.install.php appears to be incorrect.  when the install runs you get an ajax error and instead of amending the IMG bbcodes it actually adds another IMG bbcode into the database that has all the sql expressions included
2. i removed these from the file and ran the install which then worked.  however now whenever you go to any url of the site you get a simple 'Wrong URL' come up from the script and nothing else.

I can see you have this working on your own website so just wondered how it was working there?