2016-03-20 4 views
0

私は一日中過ごしましたが、私のPHPスクリプトで変数の値を変更し、forループを開始し、写真フォルダからさらに多くの写真をロードするjqueryを使用して、より多くのボタンをロードする方法をまだ分かりません。 私のjQueryのスクリプトは次のとおりです。フォルダーから写真をより多くのボタンをロードする方法は?

$(document).ready(function() { 
    $("button").click(function(){ 
     $("php").attr({ 
      "$b" : "16" 
     }); 
    }); 
}); 

私のPHPコードは次のとおりです。

$charnum = strlen($file); 
$b = 8; 
    $directory = "resource/galery/"; 
    if (is_dir($directory)) { 
    if ($dh = opendir($directory)) { 
     for ($i = 0; ($file = readdir($dh)) && $i < $b; ++$i) { 
      if($file !="." && $file!=".."){ 
      echo ' 
      <div class="img"> 
      <a target="_blank" href="/resource/galery/'.$file.'"> 
      <img class="img-responsive" src="/resource/galery/'.$file.'"> 
      </a> 
      <div class="desc">'.substr($file, 0, $charnum - 4).'</div> 
      </div>'; 
     } 
     } 
     closedir($dh); 
    } 
} 

が、私は大きな数に8から$ bを変更したいです。あるいは、これを行う別の方法があります。ありがとうございました。

+0

あなたも含めることができますPHPをリクエストするために使用しているjQueryコードお願いします。 –

+0

これはあなたが探しているものですかhttp://stackoverflow.com/questions/15774669/list-all-files-in-one-directory-php? – Undefitied

+0

あなたのjQueryコードは、ロードされている同じページのPHPを変更すると思っていますか? PHPはサーバー側であり、ユーザーがページを見ると終了します。 PHPを使用して作業したい場合は、Ajaxを使用してPHPページを追加呼び出しする必要があります。 – ThrowBackDewd

答えて

0

JavaScriptとPHPは、クライアントとサーバー側の2つの異なる世界で動作します。

JavaScriptから直接変数を変更することはできません。これを行うには、GETまたはPOSTリクエストなどのHTTPリクエストを介して変数を渡す必要があります.PHPスクリプトはJavaScriptでアクセスできるレスポンスをレンダリングします。ここで

は、可能なページング・ソリューションです:

JS:

$(document).ready(function() { 
    $("button").click(function(){ 
    // try to get current page, or start off with 0 and increment by one. 
    var page = (parseInt($(this).data('page')) || 0) + 1; 
    // save current page as data state on the button 
    $(this).data('page', page); 

    // we call the PHP script and pass a GET variable which indicates 
    // which page we want to load. 
    $.get('yourphpscript.php?'+ $.param({page: page}), function(data) { 
     // append the result from your PHP script to #result element 
     $('#result').append(data); 
    }); 
    }); 
}); 

PHP(yourphpscript.php):

// 8 images per page 
$perPage = 8; 

// sanitize page to be a number, default to 0 - the "first page" 
$page = intval(is_numeric($_GET['page']) ? $_GET['page'] : 0); 

$charnum = strlen($file); 
$directory = "resource/galery/"; 
if (is_dir($directory)) { 
    if ($dh = opendir($directory)) { 
    // loop up to and including the requested page 
    for ($i = 0; ($file = readdir($dh)) && ($i % $perPage) <= $page; ++$i) { 
     // only output if we are on the requested page 
     if($file !="." && $file!=".." && ($i % $perPage) == $page) { 
      echo ' 
      <div class="img"> 
      <a target="_blank" href="/resource/galery/'.$file.'"> 
      <img class="img-responsive" src="/resource/galery/'.$file.'"> 
      </a> 
      <div class="desc">'.substr($file, 0, $charnum - 4).'</div> 
      </div>'; 
     } 
    } 
    closedir($dh); 
    } 
} 

HTML:

<div id="result"> 
    <!-- images go here --> 
</div> 
<button type="button">Load more</button> 
+0

私のすべてのJS、HTML、PHPが1つのドキュメントに保存されているので、動作しません。 –

関連する問題