Html＆JQuery Before After Script
페이지 정보
작성자 디자인천일
작성일Date: 2025-03-28 22:11
조회view: 32
본문
Before After Script
치료 전, 후 사용되면 좋은 스크립트
css
.beforeAfter {display:block;width:100%;max-width:420px;margin:0 auto;}
.beforeAfter img {width:100%;height:auto;}html
<script src="<?php echo G5_URL; ?>/pages/js/beforeafter.jquery-1.0.0.js"></script>
<div class="beforeAfter">
<img src="<?php echo G5_URL; ?>/pages/img/before.jpg">
<img src="<?php echo G5_URL; ?>/pages/img/after.jpg">
</div>jQuery/Javascript
$('.beforeAfter').beforeAfter({
movable: true,
clickMove: true,
position: 50,
separatorColor: '#fafafa',
bulletColor: '#fafafa',
});