0

ディレクトリからロードされるギャラリーを作成しています。まず、ディレクトリ内の各アルバム フォルダに div タグを作成します。次に、jquery ajax を使用して、クリックされたフォルダー名を取得し、そのフォルダー内の各画像の div タグを作成します。フォルダーのIDを外部phpページに送信して、画像のファイルパスを取得します。実際のhtmlを出力する方法がわかりません。ajax/php コーディングにはまったく新しいので、説明が役に立ちます。

jquery ajax:

var jq=$.noConflict();
        jq(document).ready(function(){
        jq(".album-select").click(function(event){
        var id=event.target.id;
        jq.ajax({
        type: "POST",
        url: "image_loader.php",
        data: {phpid:id},
        success: function(data){

            jq('#mydiv').html("");
            jq('#mydiv').append(data);
        }           



    });

image_loader.php

<?php
if (isset($_POST['phpid'])) {
$album_fill = $_POST['phpid'];
}
$dir = 'images';
$slash = '/';
$dir_image = "$dir$slash$album_fill";
    $dir_contents = scandir($dir_image);
    foreach($dir_contents as $file){
        if($file !== '.' && $file !== '..'){
        $dir_imagepath = "$dir_image$slash$file";
            echo '<div style="position:absolute; width:100px; height:100px; top:1100px; left:500px;">';
            echo '<img src="',$dir_imagepath,'">';
            echo '</div>';
            }}?>
4

2 に答える 2

0

まず、success関数を次のように変更します。

   success: function(data){
        $('#mydiv').html(data);
    }

次に、ajax呼び出しがページを返すことを確認しますHTML。

于 2013-09-25T19:17:57.797 に答える