[英]Show image with jquery in modal using Codeigniter
如何使用ID從以下位置調用的jquery以模態(#photoss)顯示圖像:
<div class=" top-deal">
<a data-toggle="modal" href="#" data-target="#tallModal" class="mask tt" ... photoss="<?php echo $rec->ss;?>" >
這是我的腳本:
<script type="text/javascript">
$(document).ready(function(){
$(".tt").click(function(){
....
$("#kabkota").html($(this).attr("kabkota"));
$('#photoss').html('<img src="'+base_url+'upload/screenshoot/'+ss+'" class="img-responsive">'); // show photo
});
});
</script>
這是我的情態
<div id="tallModal" class="modal modal-wide fade">
<div class="modal-dialog">
....
<h4 id='namaaplikasi'> Nama Aplikasi</h4> </br>
<div id="photoss">
</div>
...
</div><!-- /.modal -->
您可以像這樣以模態顯示圖像。
使用錨作為:
刪除數據目標屬性,並將其用作普通錨。
<a href="javascript:;" class="mask tt" photoss="<?php echo $rec->ss;?>" >
使腳本如下所示:
<script type="text/javascript">
$(document).ready(function(){
$(document).on("click",".tt",function(){
var ss = $(this).attr("photoss");
var base_url = "your base url";
$('#photoss').html('<img src="'+base_url+'upload/screenshoot/'+ss+'" class="img-responsive">');
$("#tallModal").modal("show");
});
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.