Cannot get cerabox to work at all

[Adam Gordon]

Hi,

No matter what I try I just cannot get cerabox to work on my photo gallery. It just opens the image in a new tab as a direct link.

Here is the code:

<script src="code/mootools-core-1.4.5.js"></script>

<script src="code/mootools-more-1.4.0.1-assets.js"></script>

<script src="code/modernizr.custom.js"></script>

<script src="code/cerabox.js"></script>

<script src="code/cerabox.min.js"></script>

<script type="text/javascript">

window.addEvent('domready', function(){

$$('.gallery a.ceraBox').cerabox();

});

</script>

<div class="gallery">

<div class="thumb shadow">

<div class="thumb-wrapper">

<a href="albums/Avishai/page27-1001-full.jpg" class="ceraBox" title="&lt;a href=&quot;albums/Avishai/page27-1001-full.jpg&quot;&gt;Download Photo&lt;/a&gt;">

<img src="albums/Avishai/thumbs/page27-1001-full.jpg" width="150" alt="" /></a></div></div></div>

Any help appreciated.

Thanks

[Tazintosh]

Looks like you're loading cerabox twice

Le dimanche 11 août 2013 16:00:20 UTC+2, Adam Gordon a écrit :

[…]

 

<script src="code/cerabox.js"></script>

<script src="code/cerabox.min.js"></script>

One is enough. Try removing one first and tell us. 

[Tazintosh]

Oh BTW: You're welcome…

[Adam Gordon]

Sorry got caught up.

Thanks a lot but it still does not work so will look at alternatives.

[Tazintosh]

The following is fully working for me.

But don't forget to add the cerabox.css

<link rel="stylesheet" href="http://www.tazintosh.com/library/cerabox/style/cerabox.css" media="screen" />

<script src="http://www.tazintosh.com/scripts/mootools-core-1.4.5-full-nocompat-yc.js"></script>

<script src="http://www.tazintosh.com/scripts/mootools-more-1.4.0.1.js"></script>

<script src="http://www.tazintosh.com/library/cerabox/cerabox.min.js"></script>

<script type="text/javascript">

window.addEvent('domready', function(){

$$('.gallery a.ceraBox').cerabox();

});

</script>

<div class="gallery">

<div class="thumb shadow">

<div class="thumb-wrapper">

<a href="http://farm6.staticflickr.com/5335/9259194985_b63a3c237e_o.jpg" class="ceraBox" title="Sukhoï Su-35">

<img src="http://farm6.staticflickr.com/5335/9259194985_2f4d508e66.jpg" alt="" />

</a>

</div>

</div>

</div>