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页码，使其指向包装图像而不是“text”的链接rel标签。
使用PHP将页码加载到rel标签（或使用jquery操作，具体取决于您的需要），然后从中读取。
将不同的分页图像放入一个大的“imagemap”中，然后使用jquery将背景位置移动到您需要的位置。这样，所有这些图像都会在首页加载时加载，您无需获取任何内容或隐藏图像。单击发生时，您需要将此行添加到jquery函数中。

希望有意义/有帮助。