Question

我正在使用CarouFredSel显示垂直卷轴（http://new.joshrodg.com/?page_id=206）的网站，我遇到的问题是当我点击上一个按钮时，CarouFredSel滚动得很好......但是当我尝试通过单击下一个按钮推进幻灯片显示滚动被搞砸....奇怪的是，只有当我使用WordPress MapPress插件发布Google地图时才会发生。

我很确定MapPress插件导致了这个问题，但我认为有些代码可以修复（特别是因为它似乎只是Safari的问题......我在Safari，Firefox中测试过它） Chrome和IE8）

现在有一件事（在某种程度上）工作了position: relative我的.sidebar-image a css样式，唯一的问题是虽然它正确推进，但没有滚动效果（这会使目的）

以前有人经历过这个吗？

我的script看起来像是：

$(window).load(function() {
    /* Sidebar */
    $("#sidebar-image").carouFredSel({
        direction: "up",
        auto: false,
        items: {
            visible: 2
        },
        next: "#down",
        prev: "#up",
        scroll: {
            easing: "quadratic",
            items: 1
        },
        width: "100%"
    });
});

我的code看起来像是：

<div class="sidebar-image">
    <div id="sidebar-image">
        <?php while ( have_posts() ) : the_post(); ?>
            <?php if ( has_post_thumbnail() ) { ?>
                <?php 
                    $id = get_post_thumbnail_id();
                    $url = wp_get_attachment_image_src($id, "large", true);
                ?>
                <a href="<?php echo $url[0]; ?>" rel="lightbox[<?php echo get_the_ID(); ?>]"><?php the_post_thumbnail("sidebar-image"); ?></a>
            <?php } ?>
        <?php endwhile; ?>
    </div>
    <div class="clear">
        <!-- -->
    </div>
</div>

和我的CSS看起来像：

/* Slides */
.sidebar-image {
    border-bottom: 1px solid #dcdedf;
    overflow: hidden;
    width: 277px;
}

.sidebar-image a {
    border-left: 1px solid #dcdedf;
    border-right: 1px solid #dcdedf;
    border-top: 1px solid #dcdedf;
    display: block;
    position: relative;
    float: left;
}

所有这些代码都在另一个具有相对位置的div中 - 我读到某个可能导致问题的地方，但即使在移除css之后，旋转木马仍然会做同样的事情......

包含div的code如下所示：

/* Slideshow */
#sidebar {
    float: right;
    position: relative;
    width: 305px;
}

我尝试过使用不同的jQuery库（直接来自jQuery，而不是直接来自Google）。我也尝试使用完整的CarouFredSel脚本，而不是使用CarouFredSel打包版本。

有什么想法吗？这让我难过： - （

谢谢，
约什

Answer 1

我可以确认这是Google地图问题，与我为CarouFredSel使用的代码无关...我已经为WordPress尝试了几个Google Map插件，无论插件如何都会发生疯狂的滚动。

所以，这就是我所做的...而不是使用名为“MapPress”的Google Maps插件，我使用的是MapQuest插件：“MapQuest Map Builder for WordPress”

现在，在带有地图的任何帖子或页面上，CarouFredSel代码无故障或错误： - ）

耶！

谢谢，
约什

在Safari中滚动Next时，CarouFredSel会闪烁

1 个答案: