Question

我有一个用Fotorama插件制作的画廊。我需要的并且我不知道该怎么做是将自定义类添加到特定div，属性并不重要，我需要知道如何将该类挂钩到现有代码。我希望将这个类添加到包含每个缩略图图像的第二个div（带有tabindex =＆＃34; 0＆＃34;的那个）。 Fotorama有一个难以理解的编码风格（至少对我而言）。

  <div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" style="width: 64pxl">
       <div class="fotorama__thumb fotorama__loaded fotorama__loaded--img">
         <img src="imagini/stilllife.jpg" class="fotorama__img" style="width: 64px; height: 85px; left: 0px; top: -11px;">
       </div>
</div>

非常欢迎任何建议。谢谢！

Answer 1

您可以使用以下代码段添加自定义类（检查HTML，然后在运行代码段后检查HTML），正如您所说，此fotorama类应用于每个缩略图，因此您可以将自定义类添加到每个缩略图框架元素有 - ＆gt; fotorama__nav__frame--thumb类

<强> EDITED

$(document).ready(function() {
  $(".fotorama__nav__frame--thumb").each(function(index) {
    $(this).addClass('yourClass');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" style="width: 64pxl">
  <div class="fotorama__thumb fotorama__loaded fotorama__loaded--img">
    <img src="http://awesomeshit.ninja/wp-content/uploads/2014/11/grumpy-cat-no.jpg" class="fotorama__img" style="width: 64px; height: 85px; left: 0px; top: -11px;">
  </div>
</div>

如何在fotorama插件中为div添加自定义类？

1 个答案: