0

以下のコードで「prev」と「next」を画像 (previous.png と next.png) に置き換えたいのですが、適切な構文がわかりません。何か案は？

if ($arrOptions['_slider_controls']){
            $output .= '<div class="thethe-image-slider-controls-prev thethe-previous thethe-image-slider-controls" id="thethe_image_slider'.$oPost->ID.'-previous"></div>
                    <div class="thethe-image-slider-controls-pause thethe-image-slider-controls thethe-';
            $output .=$arrOptions['_slider_autoplay'] ? 'pause' : 'play';
            $output .='" id="thethe_image_slider'.$oPost->ID.'-pause"></div>
                    <div class="thethe-image-slider-controls-next thethe-image-slider-controls thethe-next" id="thethe_image_slider'.$oPost->ID.'-next"></div>';
        }

問題があれば、Wordpress 用のTheTHE Image Sliderを使用しています。

4

1 に答える 1

1

あなたのやりたいことは理解できると思います。画像スライダーは、ほとんどの場合、その場で Prev および Next コントロールを挿入しています。それらはテキストでさえないかもしれません、それらはすでにイメージであるかもしれません。動作中のデモへのリンクがある場合は見やすくなりますが、次のことを行います。

  1. Prev と Next がテキストとして表示されているか、イメージで表示されているかを確認します。Chrome 開発者ツールなどを使用してページの構造を確認すると、それを理解できます。すでに画像になっている可能性があるのは、特定のフォントを問題なく使用できるようにするためです。

  2. 画像の場合は、画像のソースを見つけます。プラグインの css にある場合は、そこで変更できます。html に挿入される画像ファイルの場合は、独自のファイルで上書きできます。同じ名前を付けるだけです。

  3. 本当に単なるテキストの場合は、スライダー プラグイン ファイルを調べて、挿入されている場所を見つけることができます。「前へ」または「次へ」の CTRL+F は、これを高速化するのに役立つ場合があります。そのインスタンスを慎重に変更して、代わりにイメージを挿入してください。

スライダー プラグイン ファイルを編集した場合、プラグインを新しいバージョンに更新すると変更が失われる可能性が高いことに注意してください。そのため、行った変更に関するメモを保存しておくと、将来役に立ちます。

編集: あなたのデモでは prev/next という言葉を使用したものはありませんでしたが、背景画像を使用していました: http://thethefly.com/wp-content/plugins/the-image-slider/style/skins/frame- black/buttons.png インストールに対応するファイルが見つかった場合は、自分のファイルで上書きできるはずです。さらに良いことに、そのプラグインはスキン可能のようです。方法に関する情報はありませんでしたが、ファイルを調べて、編集できるスキン/テーマ/構成ファイルがあるかどうかを確認してください。また、付属の CSS ファイルに編集可能なものがあれば探してください。

再度編集: コメントをもう一度読みましたが、あなたのコメントは異なる可能性があることに気付きました。彼らのテーマにアクセスできますか? デフォルトで画像を使用している場合、それらのいずれかを変更する方が簡単かもしれません。また、Chrome ブラウザを使用してそれを右クリックし、「要素の検査」を選択すると、何が起こっているかを正確に確認できます。他のブラウザを使用する場合、他のブラウザにも同様の機能があります。

于 2012-09-29T01:23:53.813 に答える