在fancybox本身中单击滑块图像时,FancyBox父级会移动

时间:2013-06-06 05:24:33

标签: jquery fancybox slideshow carousel

这是我链接到我的fancybox的方式:

<div id="border">
    <a class="fancybox fancybox.iframe" href="paincenter.php" title="">
        <span id="thumbnail_left">  
            <img src="assets/img/paincenter_338.jpg" onmouseover="this.src='assets/img/paincenter_magnify_338.jpg'" onmouseout="this.src='assets/img/paincenter_338.jpg'" />
        </span>
        <h2 class="heading">Pain Center</h2>
    </a>
        <p>
            At The Pain Center, our specialists offer a variety of treatments to Get You Back Into Life! We are committed to working with you on the pain-related issues that matter <a class="iframe" href="paincenter.php" title="">more...</a>                                   
        </p>
    <div class="clear"></div>
</div>

这是我链接的fancybox中的滑块:

<div id="wowslider-container1" class="left">

    <div class="ws_images">
        <ul>
            <li><img src="assets/data1/images/paincenter.jpg" alt="" title="" id="wows1_0"/></li>
            <li><img src="assets/data1/images/paincenter_techniques.jpg" alt="" title="" id="wows1_1"/></li>
            <li><img src="assets/data1/images/paincenter_injection.jpg" alt="" title="" id="wows1_2"/></li>
            <li><img src="assets/data1/images/paincenter_contact.jpg" alt="" title="" id="wows1_3"/></li>
        </ul>
    </div>

    <div class="ws_thumbs">
        <a href="#wows1_0" title=""><img src="assets/data1/tooltips/paincenter.jpg" alt="" /></a>
        <a href="#wows1_1" title=""><img src="assets/data1/tooltips/paincenter_techniques.jpg" alt="" /></a>
        <a href="#wows1_2" title=""><img src="assets/data1/tooltips/paincenter_injection.jpg" alt="" /></a>
        <a href="#wows1_3" title=""><img src="assets/data1/tooltips/paincenter_contact.jpg" alt="" /></a>
    </div>

</div>

当点击任何一个拇指时,我的fancybox悬停的页面向下移动直到它到达页面底部?我的fancybox完全没有移动,但看到你的主页移动到你的FancyBox背后真是令人分心。

/*** Page Reset ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form,    fieldset, table, th, td {
margin: 0px;
padding: 0px;
}
/*** Main ***/
body {
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: lighter;
background-color: #ffffff;
min-width: 1024px;
}

0 个答案:

没有答案
相关问题