在模态中运行提升缩放

时间:2014-12-05 03:32:14

标签: jquery

我只是想知道是否可以在模态中运行这个提升变焦插件。 我没有知识渊博这样做,只需要对这个问题做出是或否答案。 这里没有人能帮助我,我不知道是否可以做到。 如果没有,我会尝试别的。如果可以的话,我会雇人来完成工作。

谢谢你们。

<head>
    <meta charset="utf-8" />
    <title>Zoom Demo</title>


    <link rel="stylesheet" href="reveal.css">   

<script src="jquery zoom-1.8.3.min.js" type="text/javascript"></script>     
<script type="text/javascript" src="jquery.reveal.js"></script>
<script type="text/javascript" src="query.elevatezoom.js"></script>


    <style type="text/css">
        body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; }
        .link { display:block; margin-top: 100px; text-align: center; font-size: 33px; color: #06f; }
    </style>

</head>


<body>

    <a href="#" class="link" data-reveal-id="myModal" data-animation="fade">
        Image
    </a>


    <div id="myModal" class="reveal-modal">
        <h4>ASENCIO ART GOES HERE</h4>
        <img id="zoom_mw" src="housesmall.jpg" data-zoom-image="houselarge.jpg" alt=""/>
        <a class="close-reveal-modal">&#215;</a>
    </div>

<script type="text/javascript">
   $(document).ready( function() {
   $("#zoom_mw").elevateZoom({gallery:'#myModal',
   galleryActiveClass: 'active',
   scrollZoom : true,
</script>

</body>

0 个答案:

没有答案