0

wordpress の投稿に添付されたすべての Thumb 画像を読み込んでいます。

http://www.piagrimbuehler.ch/wordpress/skill/food/

Thumb をクリックすると、プロジェクト ページが開き、画像が flexslider に表示されます。しかし、クリックした親指をflexsliderに表示させたいです。

HashTagsで機能させようとしています。画像 ID を使用して URL を既に作成しました。

http://www.piagrimbuehler.ch/wordpress/projects/waldhaus-kuche/#125 こんな感じ。

しかし今、flexslider は正しい画像を表示するはずです。誰かが私を正しい方向に導くことができますか?

これは私のflexsliderスクリプトです:

jQuery('.flexslider').flexslider({
        slideshowSpeed: 6000,  
        directionNav: true,
        slideshow: 1, 
        controlsContainer: '.slideshow',                        
        animation: 'fade',
        touch: true,
        controlNav: false
    });

そして、私はこのスクリプトを見つけました：

(jQuery.noConflict())(function($) {
    //Get your hash tag
    var loc = $(location).attr('href');
    var idx = 1;
    if(loc.lastIndexOf('#') != -1)
    {
        idx = loc.substr(loc.lastIndexOf('#')+1).replace('slide', '');
    }

    //verify that idx is really a number
    if(isNaN(idx-0))
    {
        idx = 1;
    }

    $('#yourFlexSlider').flexslider ({
        startAt: idx
    });
});

しかし、私はそれを機能させることができません。

4

1 に答える 1

0

問題を解決しました ：-）

href を変更する必要がありました。

<a href="<?php the_permalink(); ?>#slide<?php echo $i; $i++;?>" ><?php  echo wp_get_attachment_image( $attachment_id, 'thumb' ); ?>

しかし、私の唯一の問題は、次と前のボタンが機能しないことです。「controlNav」が機能します。次の画像と前の画像を直接クリックすると、次の画像が表示されません。しかし、最初に「controlNav」をクリックしてから、前または次をクリックすると、すべて機能します。

それを見るためのリンク

于 2013-02-09T14:50:54.473 に答える