4

このプラグインを使用しています：http ：//www.fyneworks.com/jquery/star-rating

これにはstar.gif（実際には3つの異なる色の星が含まれています）が含まれており、含まれているcssファイル内でこのgifを1回だけ参照します。

div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}

私はもうstar.gifを使いたくありませんが、代わりにpng形式の自分の画像を使います。どうやってやるの？

私は3つのオプションがあると思います：

  1. 独自のmyGif.gifを作成し、jquery-rating CSSで参照します（.png-Imagesを使用したいので、gifを本当に理解しておらず、複数の画像を含むものを作成する方法がわかりません）。

  2. CSSファイルを変更して、私の.png-Imagesを参照します（ここでの問題は、gifに3つの異なる色の星が含まれているが、pngには1つの画像しか含まれていないため、星の色が変更されないことです）

  3. たぶん、Jquery-Rating Javascript Filesを変更して、私のpngが自動的に含まれるようにしますか？

あなたは何をお勧めします？そしてそれをどのように行うのですか？

4

3 に答える 3

2

これはかなり基本的なようです。cssファイルを変更して画像を指すようにします。それは本当に理にかなっている唯一の解決策です。

于 2010-11-03T16:18:50.547 に答える
1

あなたがしなければならないのは、次のように、プラグインによって作成されたDIVとAsの背景画像を変更することです。

div.star-rating, div.star-rating a{
    background-image:url('/path/to/your/green-stars.gif');
}

これが私たちが作った例です：http： //jsfiddle.net/tLuqJ/1/

そして、これがあなた自身の色を作るための基礎として使うことができる元の画像です：http: //jquery-star-rating-plugin.googlecode.com/svn/trunk/star.gif

于 2014-05-03T08:59:44.283 に答える
-1

独自のcssファイルでオーバーライドします。

 div.star-rating,div.star-rating a{
    background:url(myimg.png) no-repeat 0 0px !important;
 }
于 2010-11-03T16:18:03.807 に答える