Question

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

主要问题是某些图片在滑块中没有正确对齐。（其中一些被删除）：Sign-A-Rama Portfolio Site

我非常感谢你帮助解决这个问题。 - Caleb Mellas

Answer 1

非常感谢所有帮助人员！

我将其改为使用

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

而不是

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

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

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

display:none;

然后添加

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

这样我的轮播就会在javascript完全加载并准备就绪后才会显示。工作得多，好多了！

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

如果屏幕大小超过768px，我会加载滑块脚本并将滑块的css更改为“display：block”。

我现在唯一需要弄清楚的是，当屏幕尺寸发生变化但页面没有重新加载时，如何使其工作。我尝试使用

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

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

希望这有助于其他人！