建站
咨詢
售后
建站咨詢
新聞中心
怎么用jquery顯示大圖片？
你可以使用JQuery設(shè)置圖片的大小來顯示大圖
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、共青城網(wǎng)絡(luò)推廣、成都微信小程序、共青城網(wǎng)絡(luò)營銷、共青城企業(yè)策劃、共青城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學生創(chuàng)業(yè)者提供共青城建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com
$("img").attr("width","100"); // 設(shè)置寬度
$("img").attr("height","100"); // 設(shè)置高度
關(guān)于jquery顯示圖片的問題，圖片地址從數(shù)據(jù)庫查出來，返回前臺，顯示不了圖片，代碼如下：
把javascript部分放到文檔底部吧，像上面這樣肯定不行的，因為javascript執(zhí)行的時候，DOM文檔還沒準備好。如果真要把javascript放頭部的話，就放在$(document).ready()里也可以的，就像這樣的了：
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%
%
String bp = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort();
String path = request.getContextPath();
String jlbh = "";
jlbh = request.getParameter("jlbh");
%
script type="text/javascript"
$(document).ready(function(){
var jlbh ='%=jlbh%';
var imph = '%=path%';
var bp = '%=bp%' ;
var c = bp + basePath;
alert(c);
var params = {jlbh:jlbh};
$jquery.ajax({
type:"POST",
sync:true,
url:contextPath+"/sm/cp/img/selectImg.action",
data:params,
dataType:"json",
success:function(json){
if(json.length=1){
for(var i=0;ijson.length;i++){
var pathImg =json[i].imgpath;
//var src = bp+"uploadImg/"+pathImg;
var src = bp+basePath+"/uploadImg/"+pathImg;
//$jquery("#show").append(src);
alert("img src=\""+ src +"\" /");
//$jquery("#show").append("img width='100px' height='100px' src=\""+ src +"\" /");
$jquery("#show").append("img width='100px' height='100px' src=\""+ src +"\" /");
}
}
}
});
});
/script
/head
body
center
div id ='udDiv'
div id="preview"
img id="imghead" width='200px' height='200px' border=0 src=''/
/div
br/
form id='imgForm' enctype="multipart/form-data" method="post"
input type="file" name="fileName" id="upfile" onchange="previewImage(this)" /
br/
input type="text" id ="jlbh" name ="jlbh" value="%=jlbh %" style="display:none"http://
br/
input type="submit" id='tijiao' value="上傳圖片" style="display:none"/
a class="easyui-linkbutton" iconCls="icon-ok"
onclick='submitClick()'上傳/a
a class="easyui-linkbutton" iconCls="icon-cancel"
onclick='window.close()'
style="margin-left: 20px; margin-rigth: 50px"關(guān)閉/a
/form
/div
div id ='show' style='display:block'
/div
/center
/body
/html
如何用JS/JQ實現(xiàn)，點擊小圖片顯示大圖片及詳細信息的功能？
這個一般是用css來顯示特定內(nèi)容的。
譬如有張圖片icon.png，里面有很多內(nèi)容，便可以在css中這么用。
.sa
{width:20px;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
-20px
-30px;}
注解：
寬度和高度是控制顯示范圍的
overflow:hidden是確保不會有多余顯示
background:url(icon.png)是使用圖片作為背景顯示，并且也只能作為背景顯示才能達到這種做法的目的
no-repeat是不會重復(fù)，這個不是必須的，不過有會規(guī)范一些
-20px
-30px是圖片的定位，顯示時會將圖片按這個坐標來定位
上面只是針對固定大小的顯示內(nèi)容來定義的，如果大小不固定，在background屬性中有可能需要更改設(shè)置。不過重點是這種方式是這么使用的。
如果大小不固定，也可以這樣定義，讓背景自適應(yīng)：
.sa
{width:auto;
height:20px;
overflow:hidden;
background:url(icon.png)
no-repeat
right
bottom;}
對于圖片2(首頁標簽)的內(nèi)容，也是這么使用的：
.a
{width:100px;
height:25px;
overflow:hidden;
background:url(2.png)
no-repeat
left
center;}
.a:hover
{background-position:right
center;}
這樣一來，當鼠標移到元素時，背景定位發(fā)生變化，顯示的內(nèi)容便由左邊的變成右邊的了。
不過你應(yīng)該對css這方面還不是很了解，目前可能還沒有很便捷的方式對這些css進行快速定義，所以也只能告訴你是這么一回事，但未必能幫得上你。
jquery實現(xiàn)將指定文件夾的圖片全部顯示？
ajax去訪問后臺腳本，如php，通過后臺腳本獲取指定文件夾所有圖片，再返回，前臺jq再顯示出來
jQuery中實現(xiàn)顯示頁面中所有圖片的語句是
$("img").show();
定義和用法
如果被選元素已被隱藏，則顯示這些元素：
語法
$(selector).show(speed,callback)
提示：如果元素已經(jīng)是完全可見，則該效果不產(chǎn)生任何變化，除非規(guī)定了 callback 函數(shù)。
注釋：該效果適用于通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。
jquery 如何點擊行觸發(fā)顯示圖片
首先把要顯示的圖片用樣式控制默認隱藏
然后jquery觸發(fā)點擊的時候，把要顯示的圖片的樣式隱藏修改為顯示，就可以實現(xiàn)了。
新聞標題：圖片顯示jquery,圖片顯示jpg不顯示圖片
地址分享：http://www.dlmjj.cn/article/dsdedpo.html
