(function($) { $.fn.onClassChange = function(cb) { return $(this).each((_, el) => { new MutationObserver(mutations => { mutations.forEach(mutation => cb && cb(mutation.target, mutation.target.className)); }).observe(el, { attributes: true, attributeFilter: ['class'] }); }); } var fotoramaDiv = $('.fotorama').fotorama({ click:false, allowfullscreen:true, }); var fotorama = fotoramaDiv.data('fotorama'); $(document).on("click", ".expand-img", function () { if ($('.expand-img').hasClass('disabled') === false) { fotorama.requestFullScreen(); } }); $(document).on("click", ".open-video", function () { if ($('.open-video').hasClass('disabled') === false) { $('.fullscreen-video').addClass('show'); } }); $(document).on("click", ".close-fullscreen-video", function () { // Video oynatmayı durdur var videoElement = $('.fullscreen-video video')[0]; if (videoElement) { videoElement.pause(); videoElement.currentTime = 0; // Başa sar } $('.fullscreen-video').removeClass('show'); }); // Modal dışına tıklandığında da videoyu durdur $(document).on("click", ".fullscreen-video", function (e) { // Eğer tıklama video elementinin dışındaysa (arka plana tıklandıysa) if ($(e.target).hasClass('fullscreen-video')) { var videoElement = $('.fullscreen-video video')[0]; if (videoElement) { videoElement.pause(); videoElement.currentTime = 0; } $('.fullscreen-video').removeClass('show'); } }); $("body").onClassChange(function(el, newClass) { if (newClass == 'fullscreen') $('.ilan_sub_panel').addClass("hide"); else $('.ilan_sub_panel').removeClass("hide"); }); $.fn.extend({ leanModal: function(options) { var defaults = { top: 100, overlay: 0.5 } options = $.extend(defaults, options); return this.each(function() { var o = options; $(this).click(function(e) { var overlay = $(""); var modal_id = $(this).attr("href"); $("body").append(overlay); $("#lean_overlay").click(function() { close_modal(modal_id); }); var modal_height = $(modal_id).outerHeight(); var modal_width = $(modal_id).outerWidth(); $('#lean_overlay').css({ 'display': 'block', opacity: 0 }); $('#lean_overlay').fadeTo(200, o.overlay); $(modal_id).css({ 'display': 'block', 'position': 'fixed', 'opacity': 0, 'z-index': 11000, 'left': 50 + '%', 'margin-left': -(modal_width / 2) + "px", 'top': o.top + "px" }); $("").css({ 'position': 'fixed', 'top': o.top +10+ 'px', 'left': '50%' }).click(function() { // onclick behaviour - just close it close_modal(modal_id); // icon URL }).attr('src', '../close.png').appendTo($(modal_id)); $(modal_id).fadeTo(200, 1); e.preventDefault(); }); }); function close_modal(modal_id) { $("#lean_overlay").fadeOut(200); $(modal_id).css({ 'display': 'none' }); } } }); addSubPanels(); })(jQuery); $("a#go").leanModal();

Bu web uygulamasını ana ekranınıza ekleyerek daha hızlı erişebilirsiniz.

Yükle Daha Sonra