javascript - jQuery环形交叉口没有正确对齐照片

Question

几个月前我建立了这个网站，现在我的滑块停止工作了。我不记得我所做的任何更新都会让它停止。

主要问题是某些图片在滑块中未正确对齐。（其中一些在下方）：Sign-A-Rama Portfolio Site

我非常感谢您帮助解决这个问题。– 迦勒·梅拉斯

score 2 · Accepted Answer

非常感谢你们所有的帮助！

我把它改成使用

$(window).load(function() { ... code goes here });

代替

jQuery(document).readyfunction() { ... code ... )};

这可确保在我的 jQuery 大小调整和动画应用于制作轮播之前加载所有图像。

我还应用了一些默认的 CSS 样式

display:none;

然后添加

$('#slider').css("display", "block");

这样我的轮播就不会显示，直到 javascript 完全加载并准备好。工作得更好，更好！

这很困难的部分原因是这是一个响应式设计。我决定不通过 javascript 加载整个滑块，而是只加载 DOM，然后使用 javascript 来删除小屏幕上的滑块。使用 window.load 应该确保在删除之前几乎没有下载任何图像。

如果屏幕尺寸超过 768 像素，我会加载滑块脚本并将滑块的 css 更改为“显示：块”。

我现在唯一需要弄清楚的是如何在屏幕尺寸更改但页面未重新加载时使其工作。我尝试使用

$(window).resize(function() { ... }

但是当我尝试在一个文件中使用此功能两次时，它给了我一个错误。有任何想法表示赞赏！

希望这对其他人有帮助！

1 回答 1