PHP JQuery Карусель позиции

Question

Я использую php pagination для загрузки различных данных из текстового файла.Я использую карусель jquery http://tympanus.net/Development/Elastislide/index4.html, которая указана на каждой странице, созданной из нумерации страниц.Что я хотел бы сделать, так это то, что в зависимости от того, на какой странице вы находитесь, карусель будет загружаться в другое положение.Чтобы заставить это работать, я думаю, мне нужно будет изменить jquery, который загружается на каждой созданной странице?

<script type="text/javascript">
$('#carousel').elastislide({
            imageW      : 110,
            margin      : 20,
            border      : 4,
            easing      : 'easeInBack',
            current     : 12
        });
</script> 

Так что, если разбиение на страницы находится на page.php? P = 12, карусель будетбыть на миниатюре 12?Пример html:

<div id="carousel" class="es-carousel-wrapper">
    <div class="es-carousel">
        <ul>
            <li><a href="page.php?p=1"><img src="images/img1.jpg" width="100" height="130" alt="image01" /></a></li>
            <li><a href="page.php?p=2"><img src="images/img2.jpg" width="100" height="130" alt="image02" /></a></li>
        </ul>
    </div>
</div>

нумерация страниц, которую я использую:

<?php
    $data=file("students.txt");
    $pages=0;
    foreach($data as $temp){
        $x=explode("|",$temp);
        if($x[0]>0){
            $pages=$pages+1;
        }
    }
    if($_GET['p']){
        $page=$_GET['p'];
    }
    if($_GET['i']){
        $index=$_GET['i'];
    }  
    if($index == "p"){
        $page=$page-1;
    }
    if($index == "n"){
        $page=$page+1;
    }
    if($page < 1){
        $page=1;
    }
    if($page > $pages){
        $page=$pages;
    } 
    $line=$data[$page-1];
    $fields=explode("|",$line);  
?>

Я новичок в PHP и действительно не знаю, как это собрать...

У кого-нибудь есть идеи, как заставить это работать?(

Answer 1

Пусть PHP будет первым на странице, а затем в блоке инициализации скрипта карусели используйте:

current : <?=$page?> 

или, если вы не уверены, включены ли короткие теги:

current : <?php echo $page;?> 

Answer 2

В вызове elastislide установите для свойства "current" передаваемого литерала объекта значение 12, извлекая его из URL-адреса (при условии, что вы используете свой пример "page.php? P = 12") , Прочтите эту статью SO , чтобы узнать, как получить параметр javascript. В вашем примере вы бы использовали

getParameterByName('test')

для значения свойства current.

Answer 3

Если вы хотите начать со страницы 12 или в зависимости от вашего значения p, вы можете сделать:

$('#carousel').elastislide({
            imageW      : 110,
            margin      : 20,
            border      : 4,
            easing      : 'easeInBack',
            start     : <?php echo $_GET['p']; ?>
        });

Надеюсь, это поможет