0

首先作为说明，我在 Rails 应用程序中使用这个插件。好的，我需要做两件事。

首先是我正在处理的分页： 

 jQuery('.jcarousel-control a').bind('click', function() {
    carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
    return false;
 });

需要在没有文本的情况下工作。现在如果我运行一个基本循环：

<%  (1..@project.size).each do |n| %>
<a href="#"><%= n %></a>
<% end %>

它打印 3 个数字（我有三个可用于循环的项目），1 2 3。在链接中，这些数字用于在项目之间导航。但我想用图形替换数字：

<a href="#"><%= image_tag 'empty_circle.png' %></a>

这样就有分页的图形表示。有没有办法更改 javascript 以接受非编号/图像进行分页？

我需要做的第二件事是创建一个“当前”css 规则，如果它是当前的，它将加载不同的图像

<a href="#"><%= image_tag 'full_circle.png' %></a> .

感谢您的任何帮助，您可以提供。我对 Rails 很陌生，除了即插即用之外，我对 js 和 jquery 也很陌生。

4

1 回答 1

1

没有时间写出来，但这样做的一种方法可能是：

  • 更改主 jquery 选择器以指向图像。
  • 将 jquery 页码更改为指向类似于链接 rel 标记的内容，该标记包含图像而不是其“文本”。
  • 使用 PHP 将页码加载到 rel 标记中（或使用 jquery 对其进行操作，具体取决于您的需要），然后从中读取它。
  • 将不同的分页图像放入一个大的“图像映射”中，并使用 jquery 将背景位置移动到您需要的位置。这样，所有这些图像都会在第一页加载时加载，您无需获取任何内容或隐藏图像。单击发生时，您需要将此行添加到您的 jquery 函数中。

希望这有意义/有帮助。

于 2010-02-27T21:06:30.470 回答