如何从数据库中提取标题以创建悬停效果

Question

所以我正在使用PouchDB / Vanilla JS为我正在处理的项目创建数据库。我想使用以下效果：

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_opacity

我的问题是，我希望能够拉起

a = torch.rand(10)
a: tensor([0.3376, 0.0557, 0.3016, 0.5550, 0.5814, 0.1306, 0.2697, 0.9989, 0.4917,
        0.6306])
b = torch.randint(0,3,(1,10), dtype=torch.int64)
b: tensor([[1, 2, 0, 2, 2, 0, 1, 1, 1, 1]])

从我的JavaScript中获取并在图像悬停时显示标题（该图像也从我的数据库中拉出，所以这不像是我可以手动将其添加到图像标签中）

我将如何去做？我不确定这是否是您需要的部分，但是这是我将图像从数据库中拉到页面上的方式：

for index in range(3):
    softmax(a[b == index])

thisFilm.title

let db = new PouchDB('films');

      let radios = document.getElementsByName("sort");
      radios[0].addEventListener("change", getFilmList);
      radios[1].addEventListener("change", getFilmList);

      getFilmList();

      function getFilmList(){
        db.allDocs({include_docs: true, descending: radios[0].checked}).then(function(films){

          let listContents = '';


          for(let i = 0; i < films.total_rows; i++) {


            let thisFilm = films.rows[i].doc;

// this part
            let image = '<a class="btn" href="viewFilm.html?id=' + thisFilm._id +'"><img class="filmImage" src="' + thisFilm.image +'"></a>';

            listContents += '<div class="filmRow">'+ image + '</div>';
          }

          document.getElementById('filmContainer').innerHTML = listContents;

        })
      }
// until here