これが何を読むかを理解するのに苦労しています:
<img src="/path/frontend/bigpath/default/images/heyhey/coolguy/' + partElements['awesometimes']['color'] + '.png">
この画像の URL 出力は何でしょうか?
このページに関連しています。自転車カスタマイザー。
私はこの Web サイトが大好きで、JS でこれをどのように達成したかをよりよく理解しようとしています。
これが何を読むかを理解するのに苦労しています:
<img src="/path/frontend/bigpath/default/images/heyhey/coolguy/' + partElements['awesometimes']['color'] + '.png">
この画像の URL 出力は何でしょうか?
このページに関連しています。自転車カスタマイザー。
私はこの Web サイトが大好きで、JS でこれをどのように達成したかをよりよく理解しようとしています。
あなたの質問は不明です。評価される値は純粋に依存するため
partElements['awesometimes']['color']
( partElements は JavaScript 配列だと思います)
また、行われた連結が正しくないため、構文エラーが発生します。さらに、連結は JavaScript の一部として行う必要があります。あなたの HTML コードではそれができません。HTML で実行しようとすると、うまくいきません。
以下のコードが役立つかもしれません。
<script type="text/JavaScript">
window.onload=function(){
document.getElementById('myImg').src = "james" + "bond" + ".jpg";
}
</script>
<img src="" id="myImg">
JavaScript に連結処理を行わせます。レンダリング ビジネスは HTML に任せましょう。
評価されるものに苦労している場合は、デバッグツールの使用を開始してください。すべての主要なブラウザーがこれらの機能を提供します。
Chrome デバッグ ツールは優れています。参照: https://developers.google.com/chrome-developer-tools/docs/javascript-debugging
それを知るために、クロムコンソールで img src の文字列連結を評価してみてください。