如何在ajax调用中使用jquery插件

时间:2015-09-04 09:23:39

标签: php jquery ajax

我在php网站上有一个查询。 我想在点击按钮时显示图像。 现在图像在不同的网页中打开,但是我需要在相同的网页中打开它,像imageViewer一样有效。 代码片段赞赏。 感谢

<script type="text/javascript">
  $(document).ready(function () {
  $("#selectedAlbumList").change(function () {
    $("#loading1").after('<div id="loader1"><img src="img/loading.gif" width="20px" height="20px" alt="loading division" /></div>');
    $.get('albumimageGet.php?albumid=' + $("#selectedAlbumList").val() + ' ', function (data) {
      $("#galleryData").html(data);
      $('#loader1').slideUp(200, function ()
                            {
        alert(data);
        $(this).remove();
      });
    });
  });
});
</script>

// albumimageGet.php

<div class="gallery" data-toggle="lightbox-gallery">
  <div class="row">
    <?php
while ($row = mysql_fetch_array($query)) {
?>
    <div class="col-sm-4 gallery-image">
      <img src="json/uploads/<?php echo $username; ?>/<?php echo $albumname; ?>/<?php echo $row['imagename']; ?>" alt="image" height="200" width="350">
      <div class="gallery-image-options text-center">
        <div class="btn-group btn-group-sm">
          <a href="json/uploads/<?php echo $username; ?>/<?php echo $albumname; ?>/<?php echo $row['imagename']; ?>" class="gallery-link btn btn-sm btn-alt btn-default" title="Image Info">View</a>
          <a href="deleteImage.php?albumid=<?php echo $albumid; ?>&imagename=<?php echo $row['imagename']; ?>" class="btn btn-sm btn-alt btn-default" data-toggle="tooltip" title="Delete" style="height:30px;"><i class="fa fa-trash-o"></i></a>
        </div>
      </div>
    </div>
    <?php
}
?> 
  </div>
</div>

2 个答案:

答案 0 :(得分:1)

如果您仍然对上层代码感到困惑,那么这肯定会有效。

标记在这个例子中解释得很好。

https://stackoverflow.com/a/21493814/4852079

答案 1 :(得分:0)

你可以尝试这个功能来缩放或调整图像大小......试试吧......希望这会起作用

protected void ChatListView_ItemDataBound(object sender, ListViewItemEventArgs e)
{
    if (e.Item is ListViewDataItem)
    {
         var yourLabel = e.Item.FindControl("Label1") as Label;
         // ...
    }
}