1

私はjqueryにかなり慣れていないので、誰かが私が抱えているこの小さな問題で私を助けてくれることを願っています. 私が望むこの特定のコードは、経験豊富な人にとっては簡単なので、この記事を投稿します。

次のボタンと前のボタンの両方を備えた Jquery スライドがあります。サイトの他の部分に行って戻ってきても、スライドは最後に表示された画像のままです (自動スライドをオフにしました)。この例では、サイトの他の部分に移動すると、スライドが非表示になります。

だから私がしたいのは、画像スライドを最初の画像にリセットするコードです。

これは私が使用したjqueryとhtmlです：

Jクエリ:

$(window).load(function() {
            var pages = $('#container #bottom .content .projects .tab .info .slide li'), current = 0;
            var currentPage, nextPage;

            $('#container #bottom .content .projects .tab .info .knoppen .buttons').click(function() {
                currentPage = pages.eq(current);
                if ($(this).hasClass('prevPic')) {

                    if (current <= 0)
                        current = pages.length - 1;
                    else
                        current = current - 1;
                } else {
                    if (current >= pages.length - 1)
                        current = 0;
                    else
                        current = current + 1;
                }
                nextPage = pages.eq(current);
                currentPage.hide();
                nextPage.show();
            });
        });

HTML スライド:

<div class="slide">
                                        <ul>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl01.gif" />
                                            </li>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl02.gif" />
                                            </li>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl03.gif" />
                                            </li>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl04.gif" />
                                            </li>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl05.gif" />
                                            </li>
                                            <li><img src="img/portfolio/TM_Logos_huisstijl06.gif" />
                                            </li>
                                        </ul>
                                    </div>

十分な情報を提供したことを願っています。ピークを取りたい人には感謝しています:)

はじめまして、L.

編集、これはプロジェクト間をスクロールするために使用されるコードです。これにより、別のプロジェクトでは画像スライドが非表示になります。

    $(".project.buttons.panel").delegate(".button", "click", function onclick() {
    var currentProject$ = $(".projects .current.project")
        , project = "", nextProject$, previousProject$;
    if (this.getAttribute("href").match(/#next$/)) {
        nextProject$ = currentProject$.next();
        // If there is no next project,
        //  then check the first project
        if (nextProject$.length === 0) {
            nextProject$ = $(".projects .project:first");
        }
        // If there is still no project,
        //  then there is something wrong
        if (nextProject$.length === 0) {
            throw new Error("Unable to find a project");
        }
        project = nextProject$.attr("id");
    } else if (this.getAttribute("href").match(/#previous$/)) {
        previousProject$ = currentProject$.prev();
        // If there is no previous project,
        //  then check the last project
        if (previousProject$.length === 0) {
            previousProject$ = $(".projects .project:last");
        }
        // If there is still no project,
        //  then there is something wrong
        if (previousProject$.length === 0) {
            throw new Error("Unable to find a project");
        }
        project = previousProject$.attr("id");
    } else {
        throw new Error("Unknown command");
    }
    hashInfo.change({ project: project, tab: 1 });
    return false;
});
4

1 に答える 1

0

プロジェクト間をスクロールすると、常にスライド div の最初の li が表示されますか?

$('.slide li').hide().filter(':eq(0)').show();
于 2013-01-17T01:37:58.097 に答える