そのため、@font-face を使用して、この Web サイトの方向矢印のスタイルを設定しようとしましたが、うまくいきませんでした。私の他のすべての @font-face は機能していますが、これは機能しません。そのため、ページにピンクの矢印を追加する必要があります。代わりに画像を使用できます。コードの場所を見つけたと思います。しかし、私の Javascript の知識はかなり貧弱です。間違ったコードを投稿している場合は申し訳ありませんが、ここにあります。私がする必要があるのは、「(」を矢印の画像にリンクする画像に置き換える方法を見つけることです。よろしくお願いします。
directionNav:!0,prevText:"(",nextText:")"
一見すると、これらの要素の CSS セレクターには左/右の曖昧性解消機能がありません。そのため、画像要素を配置するための単純な jQuery コードは少し複雑になります。関連する DOM ノードのリストを見つけて、最初が左で 2 番目が右であると仮定して、画像の子を追加することもできます。
しかし、それよりも簡単に、許容できるものの最初の近似として、‹(角度引用符の場合) または←(実際の矢印の場合) を使用できますか? おそらくそれがあなたの始まりです。
から見ることができます
jQuery(".flex-direction-nav").length;
ナビゲーションを囲む CSS クラスを持つ単一の要素があること、および同様に
jQuery(".flex-direction-nav li").length;
li上で話したように、要素が 2 つしかないことを示しています。したがって、次の数行で画像を手動で交換できます
jQuery(jQuery(".flex-direction-nav li a")[0]).text("").append("<img src='path/to/left.png' alt='left'>");
jQuery(jQuery(".flex-direction-nav li a")[1]).text("").append("<img src='path/to/right.png' alt='right'>");
liこれにより、括弧がクリアされ、ナビゲーション コンテナーの子要素である要素内に含まれるリンク タグに適切な画像が追加されます。これらのjQueryラッパーの 1 つが必要でない可能性もありますが、何も害はないはずです。
これらの行は、ページ読み込み時の初期化コードが発生している場所ならどこにでも配置できるはずです。初期化コードがまだない場合は、関数をjQuery直接渡すことができます。
jQuery(function() { console.log("This is called when the page is ready."); });
私はあなたの質問に 100% 答えているわけではありませんが、参考になれば幸いです。