单击图像时,Jquery幻灯片无法打开新的页面/ html链接

时间:2014-01-17 13:24:12

标签: jquery html

我试图在有人点击cptmorgan.jpg时打开一个新的.html页面,这是我点击时打开新页面所需的唯一图像,但是Jmorph脚本已经在

  • 元素。有人有个主意吗?

    代码:

    <body>
    <div id="container">
    
            <div class="jmorph">
                <div class="imageContainer">
                <div class="image">
                    <div class="currentImg" style>
                        <div class="nextImg"></div>
                    </div>
                </div>
                </div>
                <div class="clearfix">
                <a href="#previous" class="previous">&lt;&nbsp;Prev</a>
                <div class="bandContainer">
                <ul class="band">
                    <li><a href="amanda.jpg">amanda</a></li>
                    <li><a href="brandi.jpg">brandi</a></li>
                    <li><a href="brittany.jpg">brittany</a></li>
                    <li><a href="cptmorgan.jpg">captain morgan</a></li>
                    <li><a href="janet.jpg">janet</a></li>
                    <li><a href="jonathan.jpg">jonathan</a></li>
                    <li><a href="kro-j.jpg">kro-j</a></li>
                    <li><a href="lindsay.jpg">lindsay</a></li>
                    <li><a href="noal.jpg">noah</a></li>
                    <li><a href="samantha.jpg">samantha</a></li>
                    <li><a href="trish.jpg">trish</a></li>
                    <li><a href="Blue.png">Blue</a></li>
                    <li><a href="stephen.jpg">Stephen</a></li>
                    <li><a href="melissa.jpg">Melissa</a></li>
                    <li><a href="Matt.jpg">Matt</a></li>
                    <li><a href="mitchandseth.jpg">Mitch and Seth</a></li>
                </ul>
                </div>
                <a href="#next" class="next">Next&nbsp;&gt;</a>
                </div>
            </div>
    </div>
    <script>
    $(".jmorph").jmorphGallery();
    </script>
    </body>
    </html>
    
  • 2 个答案:

    答案 0 :(得分:1)

    在Jmorph加载后将href属性(使用javascript)替换为您想要的

    让您可以更轻松地将ID添加到您想要替换的href

    应该工作:)

    答案 1 :(得分:1)

    如果您希望在新标签页中打开,则必须在锚标记中使用target属性

    <a href="cptmorgan.jpg" target="_blank">captain morgan</a>
    

    使用正确的图像路径