独立して動作する必要があるボトムディビジョン内のリンクを選択して1つのトップディビジョンをリロードする

私はあなたがこの1つで私を助けることを願っています!

$ filmsという配列の項目として位置するmovies details(タイトル、ディレクター、年)のmoviesContents.phpファイルがあります。

これは次のようになります。

<?php

$films = array(
    'movieOne' => array(
            'title' => array(
                'en'=>'Movie ONE',
                'es'=>'PELICULA UNO'
                    ),
            'director' => 'John Doe 1',
            'year' => '2011'
            ),
    'movieTwo' => array(
            'title' => array(
                'en'=>'Movie TWO',
                'es'=>'PELICULA DOS'
                    ),
            'director' => 'John Doe 2',
            'year' => '2010'
            ),
    'movieThree' => array(
            'title' => array(
                'en'=>'Movie THREE',
                'es'=>'PELICULA TRES'
                    ),
            'director' => 'John Doe 3',
            'year' => '2009'
            ),
    'movieFour' => array(
            'title' => array(
                'en'=>'Movie Four',
                'es'=>'PELICULA CUATRO'
                    ),
            'director' => 'John Doe 4',
            'year' => '2008'
            ),
    'movieFive' => array(
            'title' => array(
                'en'=>'Movie FIVE',
                'es'=>'PELICULA CINCO'
                    ),
            'director' => 'John Doe 5',
            'year' => '2007'
            ),
    'movieSix' => array(
            'title' => array(
                'en'=>'Movie SIX',
                'es'=>'PELICULA SEIS'
                    ),
            'director' => 'John Doe 6',
            'year' => '2007'
            )

        );

?>

私がしたいことは:

映画の1つの詳細が表示されているメインのトップDivと、トップのDivに表示される各映画のリンクがあるボトムのスクロールDivがあるページを持つ。

私はこれを完全に行うことができましたが、私の下のスクロールDivに15の映画があり、右の最後のムービーをクリックすると、ページ全体が読み込まれるので、下のスクロールDivは同じ場所にとどまりません最後のムービーのリンクをクリックしたときに、そのボトムスクロールディビジョンの先頭に移動していなかったとします。

これは私のfilms.phpファイルです:

<?php include_once("filmsContent.php");

@$film = $_REQUEST['title'];

?>


    <head>


    </head>
<body>          


<?php


echo "<div class='content'>"; ?>

    <div class='films'>

    <?php echo $films[$film]['title']['en']."
"; echo $films[$film]['director']."
"; echo $films[$film]['year']."
"; ?> </div> <div style='width: 200px; height: 60px; overflow: auto; overflow-y: hidden;'> <div style='width: 700px;'> <?php foreach($films as $film=>$attribute) { echo "".$films[$film]['title']['en']." | "; } ?> </div> </div> </div> </body> </html>

What I wish is to have the Top Div reloaded with the info of the movie I choose every time, and only that Div, not the entire page, that way the bottom scrolling Div will behave independently of the Top Div.

I want to avoid Iframes or Objects. I believe I need to use JQuery, AJAX, but I don't know how to make it work. I've been searching for hours to find the solution for this and I had no luck.

Could you help me please?

Thanks!

1

1 答え

私はあなたが使用する必要があると思うものは、いくつかのタイプの 'Carousel' jqueryプラグインです(Googleにはとてもたくさんあります)

ここが1つです

http://jqueryfordesigners.com/demo/infinite-carousel.html

ここにいくつかあります

http://www.tripwiremagazine.com/2011/06/jquery-carousel.html

0
追加された
ありがとうGXは、顧客がスクロールしている最下位のdivに特別な効果を避けたいということですが、リンクをクリックして特殊な効果を出さずにムービーの詳細を表示します。
追加された 著者 Cecilia,