0

まず、Rails アプリでこのプラグインを使用していることに注意してください。わかりました、私は2つのことをする必要があります。

1つ目は、私が取り組んでいるページネーションです： 

 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> .

あなたが提供できる助けに感謝します。私はレールにかなり慣れていません。プラグアンドプレイ以外は、jsとjqueryに非常に慣れていません。

4

1 に答える 1

1

書き出す時間はありませんが、これを行う 1 つの方法は次のようになります。

  • メインの jquery セレクターを変更して、画像を指すようにします。
  • jquery ページ番号を変更して、「テキスト」ではなく、画像をラップする link rel タグのようなものを指すようにします。
  • ページ番号を PHP で rel タグにロード (または、必要に応じて jquery で操作) し、そこから読み取ります。
  • さまざまなページネーション画像を 1 つの大きな「イメージマップ」に配置し、jquery を使用して背景位置を必要な位置に移動します。このようにして、これらの画像はすべて最初のページの読み込み時に読み込まれ、何かを取得したり、画像を非表示にしたりする必要はありません。クリックが発生したときに、この行を jquery 関数に追加する必要があります。

それが理にかなっている/役立つことを願っています。

于 2010-02-27T21:06:30.470 に答える