ホームページ > CMS チュートリアル > DEDECMS > dedecms がリスト ページでのサムネイルのランダム呼び出しを実装する方法

dedecms がリスト ページでのサムネイルのランダム呼び出しを実装する方法

藏色散人
リリース: 2019-12-14 10:07:25
オリジナル
1866 人が閲覧しました

dedecms がリスト ページでのサムネイルのランダム呼び出しを実装する方法

dedecmsリスト ページでサムネイルのランダム呼び出しを実装するにはどうすればよいですか?

DEDECMS を使用したことのある友人は、一部のテンプレート リスト ページでサムネイルが必要であることを知っているはずです。コンテンツ内でサムネイルを呼び出すには、システム独自のスクリプトを使用して最初の画像を呼び出すことができます。ただし、すべてのコンテンツに画像があるわけではなく、最初の画像が必ずしもサイズに合った標準のサムネイル サイズであるとは限りません。つまり、特に編集者が画像のアップロード方法を忘れたり、知らない場合、ユーザー エクスペリエンスは良くありません。サムネイル. それは間違いなくウェブサイトに影響を与えます。

推奨学習: Dream Weaver cms

サムネイル画像をランダムに呼び出す手順は次のとおりです:

1.元のテンプレート サムネイルを呼び出すスクリプトは次のとおりです:

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

[field:array runphp=&#39;yes&#39;]@me = (empty(@me[&#39;litpic&#39;]) ? "" : "<a href=&#39;{@me[&#39;arcurl&#39;]}&#39; class=&#39;preview&#39;><img src=&#39;{@me[&#39;litpic&#39;]}&#39;/></a>"); [/field:array]
ログイン後にコピー

2. これは、私が準備したものに置き換える必要があります:

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

<a href="[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="/images/road.js"></script></a>
ログイン後にコピー

3. 次の JS ファイルと準備した画像をホストにアップロードします。

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

var m=20; 
var n=Math.floor(Math.random()*m+1) 
document.write ("<img src=&#39;/images/nt"+n+".jpg&#39; border=0 width=148 height=118 />");
ログイン後にコピー

注意すべき点は、固定サイズのレイアウトの方が見栄えが良く、見た目も良くないため、固定サムネイル サイズで 20 ~ 30 枚の画像を用意した方が良いということです。圧縮されたり、変形したりすることがあります。コンテンツを 10 個挙げた場合、写真が 10 枚しかない場合は、いくつかの写真がランダムに繰り返されるため、エクスペリエンスはあまり良くありませんが、写真が多ければ重複の可能性は低くなります。以上です。必要に応じて参照してください。

以上がdedecms がリスト ページでのサムネイルのランダム呼び出しを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート