Menu icon Foundation
Clearing Lightbox and Reveal Modal problem

Hy evebody, i'm having problem with a combination of Clearing Lightbox and Reveal Modal.
By clicking a button it opens a reveal modal with a clearing lightboxe.

It work's well on IE (9 and more) and Firefox(windows) but doesn't on Chrome ( 37.0.2062.120 m) and Safari (for windows). I didn't find the solution :-(

Her's my code generated (exemple)

This can be seen here in developpment (http://salaisons.nowooo.com/le-noir-de-bigorre/) button "Découvrez le en images".

Please help.

Thank you.

     <div id="buttons">
		<div class="small-12 medium-6 large-6 columns">
			<a href="#" class="button radius expand" data-reveal-id="product-galerie">
			<i class="fa fa-camera"></i> Découvrez le en images</a>
			<div id="product-galerie" class="reveal-modal" data-reveal>
				<h3>Le Noir de Bigorre</h3>
					<hr>	
					<ul class="clearing-thumbs" data-clearing>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0033.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0033-150x150.jpg" class="attachment-thumbnail" alt="IMG_0033" /></a>
					</li>
					<li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0044.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0044-150x150.jpg" class="attachment-thumbnail" alt="IMG_0044" /></a>
					</li>
					<li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0049.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0049-150x150.jpg" class="attachment-thumbnail" alt="IMG_0049" /></a>
					</li>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2148-copie.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2148-copie-150x150.jpg" class="attachment-thumbnail" alt="IMG_2148-copie" /></a>
					</li>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2161-copie.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2161-copie-150x150.jpg" class="attachment-thumbnail" alt="IMG_2161-copie" /></a></li><li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_8460.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_8460-150x150.jpg" class="attachment-thumbnail" alt="IMG_8460" /></a>
					</li>
					</ul>
					<a class="close-reveal-modal">&#215;</a>
			</div>
		</div>
	</div>           

         

Salaisons nowooo com le noir de bigorre

reveal modalclearing thumbchromeSafari

Hy evebody, i'm having problem with a combination of Clearing Lightbox and Reveal Modal.
By clicking a button it opens a reveal modal with a clearing lightboxe.

It work's well on IE (9 and more) and Firefox(windows) but doesn't on Chrome ( 37.0.2062.120 m) and Safari (for windows). I didn't find the solution :-(

Her's my code generated (exemple)

This can be seen here in developpment (http://salaisons.nowooo.com/le-noir-de-bigorre/) button "Découvrez le en images".

Please help.

Thank you.

     <div id="buttons">
		<div class="small-12 medium-6 large-6 columns">
			<a href="#" class="button radius expand" data-reveal-id="product-galerie">
			<i class="fa fa-camera"></i> Découvrez le en images</a>
			<div id="product-galerie" class="reveal-modal" data-reveal>
				<h3>Le Noir de Bigorre</h3>
					<hr>	
					<ul class="clearing-thumbs" data-clearing>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0033.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0033-150x150.jpg" class="attachment-thumbnail" alt="IMG_0033" /></a>
					</li>
					<li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0044.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0044-150x150.jpg" class="attachment-thumbnail" alt="IMG_0044" /></a>
					</li>
					<li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0049.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_0049-150x150.jpg" class="attachment-thumbnail" alt="IMG_0049" /></a>
					</li>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2148-copie.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2148-copie-150x150.jpg" class="attachment-thumbnail" alt="IMG_2148-copie" /></a>
					</li>
					<li>
					<a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2161-copie.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_2161-copie-150x150.jpg" class="attachment-thumbnail" alt="IMG_2161-copie" /></a></li><li><a href='http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_8460.jpg'><img width="150" height="150" src="http://salaisons.nowooo.com/wp-content/uploads/2014/07/IMG_8460-150x150.jpg" class="attachment-thumbnail" alt="IMG_8460" /></a>
					</li>
					</ul>
					<a class="close-reveal-modal">&#215;</a>
			</div>
		</div>
	</div>           

         

Salaisons nowooo com le noir de bigorre