Question

我正在为我的项目制作自定义模式。使用Magnific Popup。但仍然无法找到我如何完全自定义箭头和数字。我真的http://pixelgrade.com/demos/lens/gallery/grid-gallery/他们的风格他们也使用Magnific Popup。他们箭头和数字并排。

下面是我做过的代码，但现在我怎样才能在 tCounter 中加入箭头，或者有任何其他方式来制作像ref一样。网站。

gallery: {
  enabled: true, // set to true to enable gallery

  preload: [0,2], // read about this option in next Lazy-loading section

  navigateByImgClick: true,

  arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>', // markup of an arrow button

  tPrev: 'Previous (Left arrow key)', // title for left button
  tNext: 'Next (Right arrow key)', // title for right button
  tCounter: '<span class="mfp-counter"><span>%curr%</span> of %total%</span>' // markup of counter
},

Magnific弹出自定义箭头和数字

0 个答案: