几个月前我建立了这个网站,现在我的 slider 停止工作了。我不记得我所做的任何更新都会让它停止。
主要问题是一些图片在 slider 中没有正确对齐。 (其中一些被丢弃在下面):Sign-A-Rama Portfolio Site
非常感谢您帮助解决这个问题。 ——迦勒·梅拉斯
最佳答案
非常感谢大家的帮助!
我把它改成使用
$(window).load(function() { ... code goes here });
代替
jQuery(document).readyfunction() { ... code ... )};
这确保在应用我的 jQuery 大小调整和动画制作轮播之前加载所有图像。
我还应用了一些默认的 CSS 样式
display:none;
然后添加
$('#slider').css("display", "block");
这样我的旋转木马就不会显示,直到 javascript 完全加载并准备就绪。效果好得多!
之所以如此困难,部分原因在于这是一个响应式设计。我决定只加载 DOM,然后使用 javascript 在小屏幕上删除 slider ,而不是通过 javascript 加载整个 slider 。使用 window.load 应该确保几乎没有任何图像在被删除之前被下载。
如果屏幕尺寸超过 768px,我会加载 slider 脚本并将 slider 的 css 更改为“显示: block ”。
我现在唯一需要弄清楚的是如何在更改屏幕尺寸但未重新加载页面时使其正常工作。我尝试使用
$(window).resize(function() { ... }
但是当我试图在一个文件中两次使用这个函数时它给了我一个错误。任何想法都表示赞赏!
希望这对其他人有帮助!
关于javascript - jQuery roundabout 没有正确对齐照片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17239737/