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

时间:2019-01-21 05:46:37

标签: javascript css pouchdb

所以我正在使用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

0 个答案:

没有答案