使用 Jquery Jcarousel，我需要帮助修改分页

Question

首先，我在 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 个数字（我有 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 也很陌生。

Answer 1

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

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

希望这有意义/有帮助。