2017-06-13 00:44:19 +02:00
|
|
|
<html>
|
|
|
|
|
<head>
|
2017-06-13 01:31:30 +02:00
|
|
|
<script src="jquery-3.2.1.min.js"></script>
|
2017-06-13 00:44:19 +02:00
|
|
|
<script src="jquery.event.move.js"></script>
|
|
|
|
|
<script src="jquery.twentytwenty.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="twentytwenty.css" type="text/css" media="screen" />
|
2017-06-13 02:04:00 +02:00
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
}
|
2017-06-20 09:01:36 +02:00
|
|
|
.twentytwenty-before-label::before,
|
|
|
|
|
.twentytwenty-after-label::before {
|
|
|
|
|
font-family: 'Open Sans', sans-serif;
|
|
|
|
|
}
|
2017-06-13 02:04:00 +02:00
|
|
|
</style>
|
2017-06-13 00:44:19 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="container1" class="twentytwenty-container">
|
|
|
|
|
<img src="sotogordo-1945-recorte.jpeg">
|
|
|
|
|
<img src="sotogordo-2016-recorte.jpeg">
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
$(function(){
|
2017-06-20 08:41:36 +02:00
|
|
|
$("#container1").twentytwenty({
|
|
|
|
|
before_label: 'Antes',
|
|
|
|
|
after_label: 'Despúes'
|
|
|
|
|
});
|
2017-06-13 00:44:19 +02:00
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
