I'm using a lib called venobox on a website, but it does not have the native swipe which is the slide of the side image to pass it or go back and I've already tried to implement the TouchSwipe-Jquery-Plugin lib but it does not work on the images works in div but not in images, follow my code:
<div id="hover-bg">
<a class="venobox" data-gall="placas" href="fotos/fotos/10f218859743e9bc947c81570c1066f1.jpg" title="TEXTO DA IMAGEM">
<div class="hover-text">
<p class="lead">Placas
<br />e Fachadas</p>
<div class="hline"></div>
</div>
<img src="img/portfolio/01.jpg" class="img-responsive" alt="...">
</a>
<a class="venobox" data-gall="placas" href="fotos/fotos/af62036784528f8773a96bd71b5557b3.jpg" title="TEXTO DA IMAGEM"></a>
<a class="venobox" data-gall="placas" href="fotos/fotos/cfd8447feaa62c6dcc6cbc1ec4426934.jpg" title="TEXTO DA IMAGEM"></a>
<a class="venobox" data-gall="placas" href="fotos/fotos/d6a7f824cf38c0a9d04493f394454300.jpg" title="TEXTO DA IMAGEM"></a>
<a class="venobox" data-gall="placas" href="fotos/fotos/4d801e94fd84df663485178959bf6783.jpg" title="TEXTO DA IMAGEM"></a>
</div>
<script id='code_1'>
// Aqui deve funcionar o swipe das imagens
$("#hover-bg").swipe({
//Generic swipe handler for all directions
swipe: function(event, direction, distance, duration, fingerCount, fingerData) {
if (direction == "left") {
// Preciso chamar o metodo de passar a foto
// no arquivo galeria/js/venobox.min.js
alert("Próxima foto");
} else if (direction == "right") {
// Preciso chamar o metodo de voltar a foto
// no arquivo galeria/js/venobox.min.js
alert("Foto Anterior");
}
}
});
</script>
Anyone can help me?