私がやりたいのは、NASA API を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。
コードがサムネイルから画像を取得してページに表示しない理由がわかりました。私も HTML5 以降のテンプレート Web サイトを使用しています。コードにあまり詳しくありません。ご協力をよろしくお願いいたします。
つまり、このサイトが動作するように見えるのは、画像の src とタグの href 値を取得して、サムネイルとメイン表示の両方に表示するということです。 NASA API 情報を取得するためにフェッチ リクエストを使用しています。次に、data.map メソッドを使用して HTML コードを上書きし、独自の HTML を挿入します。
私の考えでは、前の HTML を get リクエストの HTML で上書きすれば、正常に動作するでしょう。しかしそれは真実ではありません。
サイト全体をリアルタイムで表示するための replit リンクも添付されています: https://replit.com/@jamesYamez/nasa-api#nasa-api-site/index.html
主な間違いは次のとおりだと思います
ああああキャッチされないタイプエラー: newSlide が定義されていません
このコードを試すことはできますが、CSS/スタイルで画像のサイズを適切に変更する必要があります
リーリー編集: モーダルを使用して同じページ内の画像を開きます
リーリー