これはほとんどのWebサイトで表示されます。ページがロードされると、画像が変わります。何か。そして、カーソルを画像の周りに置くと、いつも別のリンクが付いているので、指示されたページに導きます。同様のことを達成する方法は? Phpか多分javascriptを考えていますが、PHPを好むでしょう。ロードされたページの画像を動的に変更する方法各画像にリンクがついた
答えて
いくつかのJavaScriptを使用できます。
<a id='ad_link' href="http://url1.com">
<img src='img1_url' />
</a>
そして、あなたはどこか(例えば、AJAXを介したサーバーから)からこのデータを受け取る:
は、このマークアップを持っている、のは、言ってみましょう。
{"link": "url2.com", "img": "img2_url"}
は、その後、あなたは、この(jQueryの使用)を使用して広告を更新:
function updateAd(ad_data) {
$('#ad_link').attr('href', ad_data['link']);
$('#ad_link img').attr('src', ad_data('img'));
}
を今、あなたはさまざまな方法で新しい情報を要求することができます。 setTimeout()
またはsetInterval()
は簡単で、おそらく最も明白な方法です。
洞察をいただきありがとうございます。とにかく私もこれを達成するためにPHPを使用できますか? –
PHPを使用してAJAX呼び出しを処理し、新しい広告リンクを提供することができます。 –
大丈夫...ありがとう –
phpはクライアント側ではないため、ブラウザに画像がある場合は、PHPで何もできません。JavaScript(クライアント側)を使用して画像をサーバーに呼び出すこともできます。 AJAXは、切り替えるすべての画像をレンダリングしますが、表示される画像は1つだけです.JavaScriptを使用すると、しばらくしてからその画像を非表示にし、別の画像を表示します。このような
html:
<img id="first" src="first.jpg"/>
<img id="second" src="second.jpg" style="display:none"/>;
javascript:
setTimeout('change',3000);
function change() {
$('first').hide();
$('second').show();
}
何かが、より良い
- 1. 1つの画像のサイズが変更されたときに画像が移動する(CSSとHTML)
- 2. リンクされた画像を埋め込み画像に変換する
- 3. Sitecoreの画像サイズを動的に変更する方法は?
- 4. JavaでJLabelの画像を動的に変更する方法
- 5. JS - マイケルの画像を動的に変更する方法
- 6. HorizontalScrollView内の各画像ビューに対する動的チェックボックスと、チェックされた画像ビューを削除する
- 7. 同じページに複数回ロードされた画像に画像ロードイベントを取り込む方法は?
- 8. 画像を動的にスワップする方法 - 間違った画像が表示される
- 9. 反応中に画像を動的に変更しようとすると画像が表示されない
- 10. jspページにアップロードされた画像を表示する方法
- 11. ウィンドウがロードされた後に画像をロードする方法は?
- 12. ギャラリー画像をサイズ変更した画像を変更する
- 13. wxPython:動的描画された画像が壊れます
- 14. Picassoを強制的にキャッシュし、次に同じ画像URLが要求されたときにサイズ変更された画像を使用する方法:
- 15. AngularJS - 主画像の変更時に別の画像を変更する方法
- 16. 動的にReportViewに画像をロード
- 17. 動的にサイズ変更画像は、Firefox
- 18. ページにロードされた画像のJavaScriptイベントリスナー
- 19. 動的にサイズが設定され、配置された前の画像に対する相対位置画像
- 20. 変化画像とテキストダウン選択した各ドロップで画像やテキストを変更するために探して
- 21. Rでリダイレクトされた画像リンクをダウンロードする方法は?
- 22. anglejsで画像を動的にロード
- 23. サイドスクロール画像ですが、画像が変更されます
- 24. 私は画像に変更したいの変更PySide QGroupBoxチェックボックスの画像
- 25. 画像の変更時に画像を読み込むと画像が更新されない
- 26. 変更グライド・ロード・画像キャッシュディレクトリ
- 27. UIButtonの画像を押すたびに変更する方法
- 28. AJAXで画像を受信すると、動的に生成された画像が表示されます
- 29. スライダー画像を動的に追加したときに下に1つ表示される画像
- 30. divの各画像に浮動小数点数の2つの画像が表示されています
が重複する可能性[JavaScriptを使用してDIV内のコンテンツを回転させるための最良の方法?](http://stackoverflow.com/questions/118151/best-way-to- rotate-content-within-div-using-javascript) – JJJ