0

我有一个具有挑战性的问题（无论如何这对我来说是:)）

我正在为想要包含 jQuery 幻灯片的客户开发 Joomla 模板，我还在使用响应式设计，最高可达 480、最高 800 和超过 801px。

我想做的是设置 3 个幻灯片模块（为了便于客户端使用，一个用于 480 宽的图像，一个用于 740 宽的图像，一个用于 940 宽的图像，然后我想根据用户调用该模块屏幕大小。我知道这需要在 Joomla 中使用 php 完成，并且它只是一个服务器端脚本，我不是 UA 嗅探的粉丝。

这就是我的想法，请评论你的想法。

  1. 包含检测 $screenWidth 变量是否设置的 PHP 函数

  2. 如果没有，请运行检测用户屏幕宽度的 javascript，将此变量设置为 URL（或保存该变量的另一种方式）。

  3. 运行 AJAX 页面重新加载

  4. 从 URL 中提取 $screenWidth 变量。

  5. 原来的 isset 现在将返回 true，以便页面继续加载。

  6. 然后使用该变量运行 PHP 代码以加载适当的幻灯片。

你怎么看？它会减慢页面速度吗？重新加载会起作用并将 URL 保留在 joomla 中吗？

请让我知道您的想法并提供任何建议。

谢谢

李

4

2 回答 2

1

您确定需要重新加载页面吗？一旦您通过 AJAX 调用从客户端获取 screenWidth，您就不能生成幻灯片 HTML 并将其发送回来吗？然后客户端可以直接将其插入到 DOM 中，而无需重新加载页面，并且您不必为维护状态而烦恼。

于 2012-05-15T07:59:21.427 回答
0

有很多可能性，但我认为越简单越好。我认为您应该执行以下步骤

编写一个启动 javascript 函数来检查屏幕宽度和高度（screen.availWidth 和 screen.availHeight）并将其发送到服务器并相应地创建幻灯片并发送回客户端

于 2012-05-15T09:11:28.393 回答