52 lines
1.2 KiB
JavaScript
52 lines
1.2 KiB
JavaScript
// Image to background js
|
|
(function ($) {
|
|
"use strict";
|
|
|
|
const bgImages = $(".bg-img");
|
|
|
|
bgImages.each(function () {
|
|
const el = $(this);
|
|
const src = el.attr('src');
|
|
const parent = el.parent();
|
|
|
|
if (parent && src) {
|
|
try {
|
|
parent.css({
|
|
'background-image': 'url(' + src + ')',
|
|
'background-size': 'cover',
|
|
'background-position': 'center top',
|
|
'display': 'block'
|
|
});
|
|
el.hide();
|
|
} catch (error) {
|
|
console.error('Error applying background:', error);
|
|
}
|
|
}
|
|
});
|
|
|
|
bgImages.parent().addClass('bg-size');
|
|
|
|
})(jQuery);
|
|
|
|
|
|
// Delete button functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const deleteButtons = document.querySelectorAll('.delete-btn');
|
|
deleteButtons.forEach(button => {
|
|
button.addEventListener('click', function() {
|
|
const blogCard = this.closest('.col-md-6');
|
|
if (blogCard) {
|
|
blogCard.remove();
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
// Glightbox js
|
|
GLightbox({
|
|
touchNavigation: true,
|
|
loop: true,
|
|
width: "90vw",
|
|
height: "90vh",
|
|
});
|