Question

我正在尝试实现一个灯箱，以便点击它可以导航到另一个页面的弹出窗口...我几乎通过下面的代码实现它有一些毛刺，如对齐问题等。它可以从CSS调整，但是如果没有操纵CSS，可以获得更好的替代方案，我将不胜感激。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Magnific Popup</title>

    <link rel="stylesheet" href="css/magnific.css">

    <script src="js/jquery.js"></script>

    <script src="js/magnific.js"></script>


    </head>

    <body>

<script type="text/javascript">

 var data = [{
    userWebsite_href: 'http://www.bradfrostweb.com',

 img_img: 'http://datastore04.rediff.com/h1500-w1500/thumb/69586A645B6D2A2E3131/pvwbsmbfdegzorwo.D.0.Holi-Wallpapers-Images.jpg',

  },

];

$.magnificPopup.open({ 
  key: 'my-popup', 
  items: data,
  type: 'inline',

  inline: {

    markup: '<div class="white-popup"><div class="mfp-close"></div>'+'<a class="mfp-userWebsite">'+'<div class="mfp-img">+</div>'+'</a>'+'</div>'

  },

  gallery: {
    enabled: false
  },
});

</script>

</body>

    </html>

如何使用超大弹出窗口向图像弹出窗口（灯箱）添加超链接以导航到另一个页面

0 个答案: