Question

我正在加载附加到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
    });
});

但我无法让它发挥作用。

Answer 1

解决了问题： - ）

需要更改我的href。

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

但我现在唯一的问题是下一个和上一个按钮不起作用。 “controlNav”有效。如果我直接点击下一个和上一个，则不会显示下一个图片。但是，如果我首先点击“controlNav”，然后点击“上一个”或“下一个”，它就会起作用。

The link to see it

使用wordpress中的hashTag将不同页面的拇指链接到Flexslider

1 个答案: