BASHNY.NET
Artículos
TOP
Etiquetas
Buscar
Sobre nosotros
Español
Українська
Русский
English
Español
中文
1210
Ese momento incómodo cuando el pez atrae mejor que yo
pescado crea dibujos de arena para impresionar a la dama del corazón. Yo no sé nada de él, pero exactamente impresionado!
</ iframe de la gente > <br/> <br/> Fuente: </div> </div> <div class="card-footer text-muted"> <div class=" line-height-250 text-center"> <i class="bi bi-tag"></i> <a class="btn btn-outline-secondary " role="button" href="/t/es/tag/informaci%C3%B3n/">información</a> </div> </div> </div> </div> <div class="d-block d-sm-none" style="margin-top: 30px"></div> <div class="container d-block d-lg-none d-xl-none d-xxl-none"> <div class="row margin-bottom-35 my-4"> </div> </div> </content> <right_col class="col-lg-3" > <div class="container d-none d-lg-block d-xl-block d-xxl-block pe-0 ps-0"> <div class="row margin-bottom-35 mb-3 pe-0 ps-0"> </div> </div> <div class="list-group fs-5 "> <a title="Предыдущий топик" href="/es/desde-el-punto-de-vista-de" class="list-group-item list-group-item-action"><i class="bi bi-arrow-left-circle"></i> Desde el punto de vista de</a> <a title="Следующий топик" href="/es/de-las-muchachas-generation-gee-musicvideo" class="list-group-item list-group-item-action"><i class="bi bi-arrow-right-circle"></i> `De las muchachas Generation (소녀 시대) _ Gee _ musicvideo</a> </div> <ul class="margin-bottom-35"> </ul> </right_col> </div> </div> <div class="container" > <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top"> <p class="col-md-4 mb-0 text-muted">Portal BASHNY.NET – ¡La vida es interesante!<br> <i class="bi bi-heart-fill text-danger"></i> 2012-2026</p> <a href="#top_of_page" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-dark text-decoration-none"> <img class="bi me-2" height="40" width="40" alt="Bashny.Net" src="/bundles/goldenringfront/images/new_ico_pyr8.webp"> </a> <ul class="nav col-md-4 justify-content-end"> <li class="nav-item"><a href="#top_of_page" class="nav-link px-2 text-muted"><i class="bi bi-arrow-up-circle"></i> A la cima</a></li> </ul> </footer> </div> <div class="modal fade" id="imageModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <img src="" id="modalImage" alt="Увеличенное изображение"> </div> </div> </div> </div> <script> // одальное окно увеличивания картинки document.addEventListener("DOMContentLoaded", function() { const imageModalElement = document.getElementById('imageModal'); const modalImage = document.getElementById('modalImage'); const imageModal = new bootstrap.Modal(imageModalElement); // Находим все изображения, которые должны открываться в лайтбоксе const imagesToOpen = document.querySelectorAll('.img-fluid.rounded.mx-auto.d-block'); // Вешаем на них обработчик для открытия imagesToOpen.forEach(function(img) { img.addEventListener('click', function() { const imageSrc = this.getAttribute('src'); modalImage.setAttribute('src', imageSrc); imageModal.show(); }); }); // --- УМНЫЙ ОБРАБОТЧИК ЗАКРЫТИЯ ОКНА (с защитой от скролла) --- let isDragging = false; let startX = 0; const dragThreshold = 10; // Минимальное смещение в пикселях, чтобы считать это скроллом const handlePointerDown = (e) => { isDragging = false; // Для мыши e.clientX, для касания e.touches[0].clientX startX = e.clientX || e.touches[0].clientX; }; const handlePointerMove = (e) => { if (startX === 0) return; // Если движение началось без нажатия const currentX = e.clientX || e.touches[0].clientX; // Если смещение больше порога, считаем это скроллом if (Math.abs(currentX - startX) > dragThreshold) { isDragging = true; } }; const handlePointerUp = () => { // Если это был не скролл (isDragging === false), то закрываем окно if (!isDragging) { imageModal.hide(); } // Сбрасываем начальную позицию startX = 0; }; // Назначаем обработчики на события мыши и касания imageModalElement.addEventListener('mousedown', handlePointerDown); imageModalElement.addEventListener('touchstart', handlePointerDown, { passive: true }); imageModalElement.addEventListener('mousemove', handlePointerMove); imageModalElement.addEventListener('touchmove', handlePointerMove, { passive: true }); imageModalElement.addEventListener('mouseup', handlePointerUp); imageModalElement.addEventListener('touchend', handlePointerUp); // Очистка src при закрытии, чтобы не мелькало старое изображение imageModalElement.addEventListener('hidden.bs.modal', function () { modalImage.setAttribute('src', ''); }); }); </script> <script> requestAnimationFrame(function(){ var n=document.querySelector('nav.navbar'); if(n){n.style.backgroundImage="url('/uploads/images/00/00/04/2016/02/14/b02489.jpg')"; n.style.backgroundPosition="0 29%";} }); </script> <script type="module" src="/build/assets/app-BZLtfj_S.js"></script> <noscript><div><img src="https://mc.yandex.ru/watch/68079865" style="position:absolute;left:-9999px" alt="" /></div></noscript> </body> </html>
