0

CURL を介して特定の Web サイトの合計画像を取得し、それを PHP ループ内に配置する PHP コードがあります。

$z=1;
for ($i=0;$i<=sizeof($images_array);$i++) {
    ....<img src = "$images_array[$i]" id="$z"> ..
    $z++;
    }

その後、ユーザーはprev/nextボタンを使用して配列をスキャンでき、現在表示されている画像が my に表示されます。$('$current_image').val(1); 

$.post("curl_fetch.php?url="+ extracted_url, {
    }, function(response){
    $('#loader').html($(response).fadeIn('slow'));
    $('#current_image').val(1); // insert loop value in .val()

ボタンをクリックすると、ループ値ではなく、配列の値を取得したい

$(function() {
    $(document).on('click','.submit', function () {
    var img = $('#current_image').val(); //get the array value, not the loop value
    alert(img);
});});

$('#current_image').val(1);さて、Jqueryで配列値を正しく取得するにはどうすればよいですか。

4

1 に答える 1

0

あなたの質問は少し混乱していますが、curl を使用して画像のリストを取得し、jQuery を使用してそれらを 1 つずつページ表示できるようにしたいようです。これを行う 1 つの方法は、画像 URL の JavaScript 配列を作成し、その配列を使用して img src の値を更新することです。

<!-- load the page with the first image -->
<img src="<?php echo $images_array[0]; ?>" id="visible_img"></img>
<button id="previous"><< previous</button>
<button id="next">next >></button>

<!-- setup a javascript array of images and listen for clicks -->
<script type="text/javascript">
        var curIdx = 0;
        var imageUrls = ["<?php echo implode('","', $images_array); ?>"];

        // display the previous image (if there is one)
        $("#previous").click(function() { 
                if (curIdx > 0) {
                        curIdx--;
                        $("#visible_img").attr("src", imageUrls[curIdx]);     
                }
        });     

        // display the next image (if there is one)
        $("#next").click(function() {
                if (curIdx < imageUrls.length - 1) { 
                        curIdx++;
                        $("#visible_img").attr("src", imageUrls[curIdx]);     
                }
        });     
</script>
于 2013-10-20T03:50:08.630 に答える