JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://theconfluencegroup.com/new_site5/jquery.zoomooz.js"></script>
<link rel="stylesheet" href="http://janne.aukia.com/zoomooz/website-assets/website.css">
<a class="button">Retour</a>
<div id="zoomContent">This will be shown when zoomed into.</div>
CSS
.slideshowContainer {
background-color: #F8F8F8;
border: 1px solid #EAEAEA;
border-radius: 3px;
}
.slideshowContainer .zoomContainer .zoomTarget {
background-color: white;
border: 1px solid #EAEAEA;
width:137px;
height:50px;
margin:10px;
padding:20px;
float:left;
}
.slideshowNavigation .zoomButton {
font-size:32px;
border: 1px solid #EAEAEA;
padding: 20px;
line-height:20px;
float:left;
margin-top:5px;
margin-right:5px;
}
.slideshowNavigation .zoomButton:hover {
background
JavaScript
$(".button").click(function (evt) {
$("#zoomContent").zoomTo({
targetsize: 10.75,
duration: 60000
});
evt.stopPropagation();
});