亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Wie kann ich dafür sorgen, dass mein Bild auf der Hauptanzeige der Seite erscheint?
P粉338969567
P粉338969567 2024-04-06 15:33:12
0
1
1112

Ich m?chte einige Fotos über die NASA-API erhalten. Diese Fotos werden dann im Miniaturbild und auf der Hauptanzeige meiner Seite angezeigt.

Ich habe gerade herausgefunden, warum der Code das Bild nicht aus der Miniaturansicht abruft und auf der Seite anzeigt. Ich verwende auch Vorlagen-Websites in HTML5 und h?her. Ich bin mit dem Code nicht sehr vertraut. Jede Hilfe wird sehr gesch?tzt.

Die Seite scheint also so zu funktionieren, dass sie die Bild-SRC- und Tag-Href-Werte verwendet, um sie in Miniaturansichten und in der Hauptanzeige anzuzeigen. Ich verwende Abrufanfragen, um NASA-API-Informationen abzurufen. Anschlie?end verwende ich die Methode data.map, um den HTML-Code zu überschreiben und meinen eigenen HTML-Code einzufügen.

Meine Idee ist, dass es gut funktioniert, wenn ich den vorherigen HTML-Code mit dem HTML in der Get-Anfrage überschreibe. aber es ist nicht die Wahrheit.

Au?erdem ist ein Replikat-Link beigefügt, um die gesamte Website in Echtzeit anzuzeigen: https://replit.com/@jamesYamez/nasa-api#nasa-api-site/index.html

Ich denke, der Hauptfehler ist

Uncaught TypeError: newSlide ist nicht definiert

fetch(url)
    .then(req => req.json())
    .then((data)=> {
        //using map to assign the data values to the html
    let html = data.map(item => `
        <article>
                        <a class="thumbnail" href="${item.hdurl}" data-position="left center"      target="_blank"><img src="${item.url}" alt="..." /></a>
            <h2>${item.title}</h2>
            <p>${item.explanation}</p>
        </article>
        `)
        thumbnails.innerHTML = html.join("")
    })
    .catch((e) => console.error(e))

P粉338969567
P粉338969567

Antworte allen(1)
P粉555696738

您可以嘗試使用此代碼,但您的 css/樣式需要充分調(diào)整圖像大小

        
    

編輯:使用模式在同一頁面中打開圖像



    
    
    
    Document




        
        
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage