使用材料盒卡片图像

时间:2015-09-10 12:13:56

标签: materialize

我正在尝试使用材料盒来存储卡片图像。我的目标是点击卡片图片并全屏查看。

  <div class="card large hoverable">
    <div class="card-image">
      <img materialize="" class="materialboxed" width="650" src.bind="movie.poster">
    </div>
    <div class="card-content">
      <span class="card-title activator grey-text text-darken-4">${movie.title + " - " + movie.imdbRating}<i class="material-icons right">more_vert</i></span>
      <p>${movie.genre.join(', ')}</p>
    </div>
    <div class="card-reveal">
      <span class="card-title grey-text text-darken-4">${movie.title}<i class="material-icons right">close</i></span>
      <p>${movie.director}</p>
      <p>${movie.genre.join(', ')}</p>
      <p>${movie.actors.join(', ')}</p>
      <p>${movie.plot}</p>
    </div>
  </div>

问题在于它无法使图像容器更大。因此图像将被缩放,但由于容器很小,因此无法显示所有图像。

1 个答案:

答案 0 :(得分:2)

这是他们上一次提交中修复的问题:

http://docs.marklogic.com/xdmp:xslt-invoke