lightbox 相关问题

Lightbox和较新的Lightbox 2是一个JavaScript应用程序，用于使用模态对话框显示大图像。

如何使 Lightbox 以主容器（Swiper Thumbnail Gallery）中显示的图像开始？

我正在构建一个产品页面，并成功设置了一个像这样的图片库： - 一张主图。下面有 3-4 个较小的缩略图（使用 Swiper 的缩略图功能）。我想添加变焦功能...

reactjs npm lightbox swiper.js web-frontend

回答 1 投票 0

响应式图像灯箱

我正在尝试创建一个响应式相册。我已经解决了响应式缩略图（它们根据屏幕尺寸和设备像素比加载正确的图像）。但我也想要一个响应式灯箱......

javascript css responsive-design lightbox

回答 1 投票 0

如何在 AJAX 加载的内容上使用 Lightbox

我正在使用 Boostrap 5 和这个 Lightbox 库 https://trvswgnr.github.io/bs5-lightbox/ 它在正常加载的页面上工作正常，但不会在 AJAX 加载的内容上加载。我已经尝试过这段代码...

javascript jquery lightbox bootstrap-5

回答 2 投票 0

通过 id 将 <s:textfields> 值传递给 Struts 2 中的操作类

我想将与 id 和值 pat 一起传递给 Struts 2 中的 getautocomplete.action。这里，我使用 TINY.box 弹出下一页。我想将 <s:textfield> 与 id 和值 pat 传递给 Struts 2 中的 getautocomplete.action。这里，我使用 TINY.box 弹出下一页。 <s:textfield name="pat" id="pat"/> <script type="text/javascript"> T$('tiny_patient').onkeypress = function(){ TINY.box.show('getautocomplete.action',1,0,0,1) } </script> 您需要将 id pat 及其值附加到传递给 show 函数的 url 中。例如 var url = 'getautocomplete.action?pat=' + $("#pat").val(); 然后您可以在 url 函数中使用变量 show。您还需要在操作类中添加以下内容。这也取决于pat的java类型。我正在使用String， private String pat; public String getPat() { return pat; } public void setPat(final String value) { this.pat = value; } 注意建议使用以下内容获取您的网址，而不是硬编码扩展 <s:url id="url_variable" namespace="/namespace_of_action" action="action_name" /> var url = '<s:property value="url_variable" />?pat=' + $("#pat").val(); 如果您尝试根据之前的框选择或任何服务器端进程填充框，则必须使用ajax。在你的动作类中，为名为“pat”的变量编写一个 getter-setter，如下所示：私有字符串拍打； public getPat() { ......... } public setPat(String pat) { this.pat=pat; } 并改变 TINY.box.show('getautocomplete.action',1,0,0,1) 到 TINY.box.show('getautocomplete.action?pat="xyz"',1,0,0,1) 希望这能解决您的问题，除非您对 ajax 有了解。尝试 <s:textfield name="pat" id="pat"/> <script type="text/javascript"> document.getElementById("tiny_patient").onkeypress = function(e){ TINY.box.show("<s:url action='getautocomplete'/>"+"?pat="+document.getElementById("pat").value,1,0,0,1) } </script>

java hibernate jsp struts2 lightbox

回答 3 投票 0

如何修复移动Safari中的vh（视口单位）CSS？

我在我的一个项目中使用了 vh（视口单位）CSS，但在移动 Safari 中它不起作用。 Safari 似乎不知道如何处理 vh，但它在其他浏览器中工作正常。我想要...

css height mobile-safari lightbox viewport-units

回答 10 投票 0

向 WP 主题添加精美的框

我对制作自己的 WP 主题相当陌生。现在我正在尝试弄清楚如何向其添加灯箱类型功能。我在谷歌上广泛搜索了这个主题，这是我能找到的唯一像样的教程......

jquery wordpress fancybox gallery lightbox

回答 1 投票 0

如何在 Fancybox 中平移 iframe？

我想知道 Fancybox 是否支持 iframe 的 panzoom。例如，在下面的代码中，我可以添加向图像添加平移效果的选项，但我不确定如何使 iframe 也具有相同的行为？我