javascript - jQuery roundabout 没有正确对齐照片

标签 javascript jquery css jquery-plugins

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

主要问题是一些图片在 slider 中没有正确对齐。 (其中一些被丢弃在下面):Sign-A-Rama Portfolio Site

enter image description here Roundabout Slider Broken

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

最佳答案

非常感谢大家的帮助!

我把它改成使用

$(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/

相关文章:

javascript - 如何在动画期间缩放 Canvas ?

javascript - 单独点击按钮时如何添加按钮的值?

javascript - HighStocks 可拖动元素干扰 gridster 拖动

CSS wordpress 二级子菜单项在悬停时消失

javascript - 创建带有按钮的多级汉堡菜单,可扩展汉堡级别

javascript - 使用 Javascript 删除和更改 HTML 中 URL 的某些文本

javascript - 如何检查获取响应以调用另一个获取响应?

javascript - 将片段附加到字符串

javascript - 无法在其他ajax中调用ajax

html - 网站布局在 Safari 中不起作用