怎么用jquery顯示大圖片？

你可以使用JQuery設置圖片的大小來顯示大圖

創新互聯建站專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站建設、網站制作、共青城網絡推廣、成都微信小程序、共青城網絡營銷、共青城企業策劃、共青城品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創新互聯建站為所有大學生創業者提供共青城建站搭建服務，24小時服務熱線：028-86922220，官方網址：vcdvsql.cn

$("img").attr("width","100"); // 設置寬度

$("img").attr("height","100"); // 設置高度

關于jquery顯示圖片的問題，圖片地址從數據庫查出來，返回前臺，顯示不了圖片，代碼如下：

把javascript部分放到文檔底部吧，像上面這樣肯定不行的，因為javascript執行的時候，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"關閉/a

/form

/div

div id ='show' style='display:block'

/div

/center

/body

/html

如何用JS/JQ實現，點擊小圖片顯示大圖片及詳細信息的功能？

這個一般是用css來顯示特定內容的。

譬如有張圖片icon.png，里面有很多內容，便可以在css中這么用。

.sa

{width:20px;

height:20px;

overflow:hidden;

background:url(icon.png)

no-repeat

-20px

-30px;}

注解：

寬度和高度是控制顯示范圍的

overflow:hidden是確保不會有多余顯示

background:url(icon.png)是使用圖片作為背景顯示，并且也只能作為背景顯示才能達到這種做法的目的

no-repeat是不會重復，這個不是必須的，不過有會規范一些

-20px

-30px是圖片的定位，顯示時會將圖片按這個坐標來定位

上面只是針對固定大小的顯示內容來定義的，如果大小不固定，在background屬性中有可能需要更改設置。不過重點是這種方式是這么使用的。

如果大小不固定，也可以這樣定義，讓背景自適應：

.sa

{width:auto;

height:20px;

overflow:hidden;

background:url(icon.png)

no-repeat

right

bottom;}

對于圖片2(首頁標簽)的內容，也是這么使用的：

.a

{width:100px;

height:25px;

overflow:hidden;

background:url(2.png)

no-repeat

left

center;}

.a:hover

{background-position:right

center;}

這樣一來，當鼠標移到元素時，背景定位發生變化，顯示的內容便由左邊的變成右邊的了。

不過你應該對css這方面還不是很了解，目前可能還沒有很便捷的方式對這些css進行快速定義，所以也只能告訴你是這么一回事，但未必能幫得上你。

jquery實現將指定文件夾的圖片全部顯示？

ajax去訪問后臺腳本，如php，通過后臺腳本獲取指定文件夾所有圖片，再返回，前臺jq再顯示出來

jQuery中實現顯示頁面中所有圖片的語句是

$("img").show();

定義和用法

如果被選元素已被隱藏，則顯示這些元素：

語法

$(selector).show(speed,callback)

提示：如果元素已經是完全可見，則該效果不產生任何變化，除非規定了 callback 函數。

注釋：該效果適用于通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用于 visibility:hidden 的元素）。

jquery 如何點擊行觸發顯示圖片

首先把要顯示的圖片用樣式控制默認隱藏

然后jquery觸發點擊的時候，把要顯示的圖片的樣式隱藏修改為顯示，就可以實現了。

標題名稱：圖片顯示jquery,圖片顯示jpg不顯示圖片
本文來源：http://vcdvsql.cn/article30/dsdedpo.html

成都網站建設公司_創新互聯，為您提供商城網站、品牌網站設計、域名注冊、企業建站、外貿網站建設、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯