jquery - 无法让 jqpuzzle 图像响应

标签 jquery css

我正在使用 jqpuzzle 类将图像变成滑动拼图,这一切都很好,唯一的问题是我想让图像响应。

我尝试在页面中添加以下 CSS 代码,但没有任何区别

img {

max-width: 100%;
height: auto;
}

在jquery.jqpuzzle.full.js页面中,有如下一行代码。

 $srcImg.css({width: '50%', height: '50%', visibility: 'visible'}); 

这最初设置为自动但只是将图像保持在其原始大小,如果我将值更改为 50% 然后它将变为图像原始大小的 50% 等。但我找不到方法使其响应。

最佳答案

试试这个

$srcImg.css({width: '50%', height: 'auto', visibility: 'visible'}); 

关于jquery - 无法让 jqpuzzle 图像响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43826758/

相关文章:

javascript - Nivoslider(在动态 ajax 内容中)不会在第一次加载时加载图像

javascript - 使用 jquery 选择表行,但在单击按钮时也选择行,如何防止这种情况发生?

asp.net - 具有服务器端值的不引人注目的 JavaScript,最佳实践?

html - 也将背景图像设置为文本?

html - 垂直对齐 block 元素中的文本

php - 这个 PHP 数组在 Javascript 中看起来如何?

javascript - 如何使用 jQuery 判断网站访问者之前是否访问过该网站?

html - 如何使 <a> 在导航菜单中的 <li> 中具有全宽?

javascript - 使用 Javascript 的边框半径

javascript - 如何制作跨度以在 td 内重叠文本?