Question

我尝试列出演员列表，并将每个演员列为电影列表（包括他们所扮演的角色）。我有一个用于演员的工作滑块（带有centerMode），我希望当演员在中央时，我们在他下面有一个用于他的电影放映的滑块。当我们去找另一个演员时，电影滑块就会改变。

目前，当我取消注释电影的滑块时，不再有滑块（即使是演员...）

这是我的代码：

PHP滑块：

//Actors slider (most of the time contains around 20 actors)
echo('<div class="caroussel">');

foreach ($persons as $person){
    echo('<div>');
    if($person->poster){
        //Poster display
        echo ("<div><a  href='" . $person->getShortCut() . "'><img src='http://image.tmdb.org/t/p/w500$name->poster'></a></div>");

        /* Here the caroussel of the movie i want to create (Contains around 30 movies)

        echo('<div class="caroussel_personMovies asnavForClass">');
        foreach ($persons as $movie){

            //Poster display
            if($movie->poster){
                echo ("<div><a  href='" . $movie->getShortCut() . "'><img src='http://image.tmdb.org/t/p/w500$movie->poster'></a></div>");
            }

        }
        echo("</div>");
        */
    }
    echo('</div>');
}
echo("</div>");

JS：

$(document).ready(function(){
    $('.caroussel').slick({
        infinite : true,
        slidesToShow: 10,
        slidesToScroll: 1,      
        //asNavFor: '.asnavForClass',
        centerMode: true,
        variableWidth: true,
        adaptiveHeight: true,
    })
    $('.caroussel_personMovies').slick({
        infinite : true,
        slidesToShow: 5,
        slidesToScroll: 3,      
        autoplay: true,
        autoplaySpeed: 5000,
        variableWidth: true,
        adaptiveHeight: true,
        pauseOnHover: true,
    })      
});

任何帮助和评论将不胜感激，谢谢大家！

Slick Slider-滑块的每个滑块都是自己的滑块（滑块在php中生成）

0 个答案: