DEDECMS スライドで JavaScript を使用する方法

DEDECMS スライドで JavaScript を使用するにはどうすればよいですか?

今日テンプレートを作成する際に小さな問題が発生しましたが、Web サイト上のさまざまな情報を参照して最終的に解決しました。

推奨学習:梦Weavercms

この問題は、Zero が最近学んだ JavaScript に少し関連しているため、Zero はこの問題と JavaScript スライドショーの実装方法について説明します。特殊効果と DEDECMS 呼び出しタグの統合について簡単にまとめます。

質問: DEDECMS コラム ページにスライドを挿入し、同時にスライド内の写真、タイトル、説明の自動呼び出しを実現する方法。

まず、好みのスライドショー特殊効果コードを見つけます。

私がこれまでに学んだ知識に基づいて、スライドショーを作成することはまったく不可能です。作成方法がわからない場合はどうすればよいですか?オンラインでソース コードを探す もちろん、ソース コードが掲載されている Web サイトはたくさんありますが、Zero はそれを推奨していません。

次に、見つかったスライド コードを列テンプレートの該当する位置に挿入します。

挿入方法も非常に簡単ですが、一部の呼び出しコードのパスを変更する必要があります。これはほとんどの友人が理解できると思います。 (同時に、呼び出し元の JS ファイルをヘッダーに追加することを忘れないでください)

Zero が使用するスライドショーのソース ファイルを例として取り上げます:

JS 呼び出しファイル

ページの JS コードを挿入します

もちろん呼び出し後ですが完了したら、呼び出しファイルを対応するディレクトリ ファイルに配置する必要があります。

ステップ 3: 画像呼び出しコード

スライドショーを Web ページに挿入するだけで非常に簡単です。ただし、スライド内の写真、タイトル、説明を自動的に呼び出すのはそれほど簡単ではなく、少なくとも Zero はそれを完了するのは簡単ではないと考えています (特に JS ファイルを変更できない場合)。

以下は、Zero がオンラインで見つけたスライドショーのソース ファイルです:

コードは次のとおりです:

スライドショーのソース コードから、すべての内容を確認できます。このスライドショー内の画像、タイトル、説明はすべて固定されており、柔軟に呼び出すことはできません。柔軟な呼び出しを実現したい場合は、DEDE の呼び出しラベルを使用する必要があります。ここでは、Zero は dede:arclist ラベルを使用して呼び出しを実装します。ただし、呼び出す際には次の点に注意する必要があります。

1,

で区切る必要がないため、1- 4と最後のピースは別々に処理する必要があります。ここでは、limit タグを使用してゼロを実装しています。limit タグは、将来 mysql データベースにアクセスするときに詳細に導入されます。

2. 2 つのデータの間にスペースを入れることはできません。つまり、images/01.jpg

以上がDEDECMS スライドで JavaScript を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。