Используя Jquery Jcarousel, мне нужна помощь в изменении нумерации страниц - PullRequest
Новая
       9

Используя Jquery Jcarousel, мне нужна помощь в изменении нумерации страниц

0 голосов
/ 27 февраля 2010

Для начала я использую этот плагин в приложении 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> .

спасибо за любую помощь, которую вы можете предоставить. Я довольно новичок в рельсах и не только подключи и играй, я очень новичок в js и jquery.

1 Ответ

1 голос
/ 28 февраля 2010

У меня нет времени, чтобы написать это, но один из способов сделать это может быть что-то вроде:

  • Измените основной селектор jquery, чтобы он указывал на изображение.
  • Измените номер страницы jquery, чтобы он указывал на что-то вроде тега rel ссылки, оборачивающего изображение вместо его "текста".
  • Загрузить номер страницы в тег rel с помощью PHP (или манипулировать им с помощью jquery, в зависимости от того, что вам нужно), из которого он затем читается.
  • Поместите различные изображения пагинации в одну большую "карту изображений" и используйте jquery, чтобы переместить положение фона в нужное вам положение. Таким образом, все эти изображения загружаются при первой загрузке страницы, и вам не нужно ничего извлекать или скрывать изображения. Вам нужно добавить эту строку в вашу функцию jquery, когда произойдет щелчок.

Надеюсь, что имеет смысл / помогает.

...