PC SOFT

FOROS PROFESIONALES
WINDEV, WEBDEV y WINDEV Mobile

Inicio | Mensajes recientes | Conéctese... |  | Español FR
Inicio → WEBDEV 2024 → Fliping Book
Fliping Book
Iniciado por Phil, 23,nov. 2020 14:30 - No hay respuesta
#1
Publicado el 23,noviembre 2020 - 14:30
Bjr
Est-il possible d'intégrer en webdev un lecture d'images style Turn.js
Je tourne en rond
Si quelqu'un à déjà utilisé Turn.js merci pour son aide
<head>
<meta charset= "UTF-8">
<title>
FlipBook Essai
</title>
<style>
#album{
margin: 5% auto;
width: 600px;
height: 500px;
}
#album.turn-page{
-webkit-background-size: 100% 100% ;
backgound-size: 100% 100% ;
}
</style>
</head>
<body>
<div id="album">
<div style="background-image:url(Images/PdfAccueil/1.JPG);"></div>
<div style="background-image: url(Images/PdfAccueil/2.JPG);"></div>
<div style="background-image:url(Images/PdfAccueil/3.JPG);"></div>
<div style="background-image:url(Images/PdfAccueil/4.JPG);"></div>
<div style="background-image:url(Images/PdfAccueil/5.JPG);"></div>
<div style="background-image:url(Images/PdfAccueil/6.JPG);"></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="turn.min.js"></script>
<script>
$('#album').turn({gradients: true, acceleration : true});
</script>
</body>
→ Volver a WEBDEV 2024