$( document ).ready(function() {
$('.img-highlight').click(function () {
const el = $(".photo-size");
el.css("display", "block");
var src = $(this).attr('src');
const block = $(".image-viewer");
$(this).clone().appendTo(block).attr('src', src).addClass('highlighted-img');
});
$('.close').click(function (ev) {
ev.preventDefault();
$('.image-viewer').empty()
$(".photo-size").css("display", "none");
});
});
2.372 views
Ik heb een tijdje geleden met jQuery een script geschreven, zodra je op een afbeelding klikt, word er een divje op display: block gezet en word daarin de afbeelding in uitvergrote versie getoond. Ik vroeg me af of het mogelijk was om hier een vorige, volgende optie bij te kunnen maken. In mijn project gebruik ik bootstrap dus zat ook te kijken of het te combineren was met dit: https://getbootstrap.com/docs/3.3/javascript/#carousel
