0

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

我很确定 MapPress 插件导致了这个问题，但我认为可以通过一些代码来修复它（特别是因为这似乎是一个仅限 Safari 的问题......我已经在 Safari、Firefox、Chrome 和IE8)

现在确实起作用的一件事（有点）是添加position: relative到我的.sidebar-image acss 样式中，唯一的问题是尽管它正确推进，但没有滚动效果（这违背了目的）

以前有人经历过吗？

我的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 之后，轮播仍然做同样的事情......

code包含 div 的看起来像：

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

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

Any ideas? It's got me stumped :-(

Thanks,
Josh

4

1 回答 1

0

I can confirm that this is a Google Maps issue and has nothing to do with the code I am using for CarouFredSel...I have tried several Google Map plugins for WordPress and the crazy scrolling happens regardless of the plugin.

So, here's what I did...instead of using the Google Maps plugin called: "MapPress", I am using the MapQuest plugin called: "MapQuest Map Builder for WordPress"

Now, on any post or page with a map the CarouFredSel code works without glitch or error :-)

Yay!

Thanks,
Josh

于 2013-02-08T18:25:07.253 回答