0

我有一个 PHP 代码,它将通过 CURL 获取某个网站的总图像,并将其放入 PHP 循环中。

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

然后,用户可以使用prev/next按钮扫描阵列,当前显示的图像将显示在我的$('$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 逐页浏览它们。一种方法是构建图像 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 回答