Visualizzazione dei risultati da 1 a 4 su 4

Hybrid View

  1. #1
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    319
    Potresti crearti una funzione javascript che punta al tuo elemento DOM. (id ="banner" nel mio caso)

    codice:
     const banner = document.getElementById('banner')
    
            // dati ritornati da una ipotetica fetch / ajax
            const objData = [
                {
                    src: 'img1.jpg',
                    url: 'https://www.google.it'
                },
                {
                    src: 'img2.jpg',
                    url: 'https://www.ansa.it'
                }
            ]
    
            const bannerRnd = (obj) => {
                const rnd = Math.random() * obj.length | 0
                const data = obj[rnd]
    
                const link = document.createElement('a')
                const image = document.createElement('img')
    
                link.setAttribute('href', data.url)
                link.setAttribute('target', '_blank')
    
                image.setAttribute('src', data.src)
    
                link.appendChild(image)
                banner.appendChild(link)
    
            }
            bannerRnd(objData)

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2016
    Messaggi
    3
    Quote Originariamente inviata da ninja72 Visualizza il messaggio
    Potresti crearti una funzione javascript che punta al tuo elemento DOM. (id ="banner" nel mio caso)

    Eh, ma non so se è concesso usare javascript, per quello cercavo una soluzione in HTML...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.