nicolas-t

$(function() {
	$('selector').Chocolat({
		param1 : val1,
		param2 : val2,
		param3 : val3
	});
});

nicolas-t

<p id="demoE">
    <a href="series/cabourg/1.jpg" rel="Title photoset" title="Caption image 1"><img src="series/cabourg/mini/1.jpg" width="100"></a>
    <a href="series/cabourg/2.jpg" title="Caption image 2"><img src="series/cabourg/mini/2.jpg" width="100"></a>
</p>

nicolas-t

$(function() {
    $('#demoE a').Chocolat({linkImages : false});
});

nicolas-t

    <div id="visContainer" style="width:600px; height:400px;"></div>
    <p id="demoC">
        <a href="series/mineral/1.jpg" rel="Title photoset 1" title="legende image 1"></a>
        <a href="series/mineral/2.jpg" title="Caption image 2"></a>
        <a href="series/mineral/3.jpg" title="Caption image 3"></a>
    </p>
    <p id="demoD">
        <a href="series/inerte/1.jpg" rel="Title photoset 2" title="legende image 1"></a>
        <a href="series/inerte/2.jpg" title="Caption image 2"></a>
        <a href="series/inerte/3.jpg" title="Caption image 3"></a>

nicolas-t

$(function() {
    $('#demoC a').Chocolat({
        displayAsALink : true,
        container      : $('#visContainer'),
        overlayOpacity : 0.5
        });
    $('#demoD a').Chocolat({
        displayAsALink : true,
        container      : $('#visContainer'),
        overlayOpacity : 0.5

nicolas-t

$(function() {
    $('#demoA a').Chocolat({
        displayAsALink : true,
        linksContainer : 'linksContainer',
        overlayColor   : '#000',
        leftImg        : 'images/leftw.gif',
        rightImg       : 'images/rightw.gif',
        closeImg       : 'images/closew.gif'
    });
    $('#demoB a').Chocolat({

nicolas-t

				$(function() {
					$('#demoA a').Chocolat({displayAsALink : true,
											linksContainer : 'linksContainer',
											overlayColor:'#000',
											leftImg:'images/leftw.gif',
											rightImg:'images/rightw.gif',
											closeImg:'images/closew.gif'
											});
					$('#demoB a').Chocolat({displayAsALink : true, linksContainer : 'linksContainer'});
				});

nicolas-t

<ul id="linksContainer"></ul>
<p id="demoA">
    <a href="series/inerte/1.jpg" rel="Title photoset 1" title="Caption image 1"></a>
    <a href="series/inerte/2.jpg" title="Caption image 2"></a>
    <a href="series/inerte/3.jpg" title="Caption image 3"></a>
</p>
<p id="demoB">
    <a href="series/gouttes/1.jpg" rel="Title photoset 2" title="Caption image 1"></a>
    <a href="series/gouttes/2.jpg" title="Caption image 2"></a>
    <a href="series/gouttes/3.jpg" title="Caption image 3"></a>

nicolas-t

<p id="demo">
    <a href="series/gouttes/1.jpg" rel="Title photoset" title="Caption image 1"><img src="series/gouttes/mini/1.jpg" width="100"></a>
    <a href="series/gouttes/2.jpg" title="Caption image 2"><img src="series/gouttes/mini/2.jpg" width="100"></a>
    <a href="series/gouttes/3.jpg" title="Caption image 3"><img src="series/gouttes/mini/3.jpg" width="100"></a>
</p>

nicolas-t

$(function() {
    $('#demo a').Chocolat();
});