怎么用jquery顯示大圖片？

你可以使用JQuery設(shè)置圖片的大小來(lái)顯示大圖

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、共青城網(wǎng)絡(luò)推廣、成都微信小程序、共青城網(wǎng)絡(luò)營(yíng)銷、共青城企業(yè)策劃、共青城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供共青城建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：chinadenli.net

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

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

關(guān)于jquery顯示圖片的問(wèn)題，圖片地址從數(shù)據(jù)庫(kù)查出來(lái)，返回前臺(tái)，顯示不了圖片，代碼如下：

把javascript部分放到文檔底部吧，像上面這樣肯定不行的，因?yàn)閖avascript執(zhí)行的時(shí)候，DOM文檔還沒(méi)準(zhǔn)備好。如果真要把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實(shí)現(xiàn)，點(diǎn)擊小圖片顯示大圖片及詳細(xì)信息的功能？

這個(gè)一般是用css來(lái)顯示特定內(nèi)容的。

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

.sa

{width:20px;

height:20px;

overflow:hidden;

background:url(icon.png)

no-repeat

-20px

-30px;}

注解：

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

overflow:hidden是確保不會(huì)有多余顯示

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

no-repeat是不會(huì)重復(fù)，這個(gè)不是必須的，不過(guò)有會(huì)規(guī)范一些

-20px

-30px是圖片的定位，顯示時(shí)會(huì)將圖片按這個(gè)坐標(biāo)來(lái)定位

上面只是針對(duì)固定大小的顯示內(nèi)容來(lái)定義的，如果大小不固定，在background屬性中有可能需要更改設(shè)置。不過(guò)重點(diǎn)是這種方式是這么使用的。

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

.sa

{width:auto;

height:20px;

overflow:hidden;

background:url(icon.png)

no-repeat

right

bottom;}

對(duì)于圖片2(首頁(yè)標(biāo)簽)的內(nèi)容，也是這么使用的：

.a

{width:100px;

height:25px;

overflow:hidden;

background:url(2.png)

no-repeat

left

center;}

.a:hover

{background-position:right

center;}

這樣一來(lái)，當(dāng)鼠標(biāo)移到元素時(shí)，背景定位發(fā)生變化，顯示的內(nèi)容便由左邊的變成右邊的了。

不過(guò)你應(yīng)該對(duì)css這方面還不是很了解，目前可能還沒(méi)有很便捷的方式對(duì)這些css進(jìn)行快速定義，所以也只能告訴你是這么一回事，但未必能幫得上你。

jquery實(shí)現(xiàn)將指定文件夾的圖片全部顯示？

ajax去訪問(wèn)后臺(tái)腳本，如php，通過(guò)后臺(tái)腳本獲取指定文件夾所有圖片，再返回，前臺(tái)jq再顯示出來(lái)

jQuery中實(shí)現(xiàn)顯示頁(yè)面中所有圖片的語(yǔ)句是

$("img").show();

定義和用法

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

語(yǔ)法

$(selector).show(speed,callback)

提示：如果元素已經(jīng)是完全可見(jiàn)，則該效果不產(chǎn)生任何變化，除非規(guī)定了 callback 函數(shù)。

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

jquery 如何點(diǎn)擊行觸發(fā)顯示圖片

首先把要顯示的圖片用樣式控制默認(rèn)隱藏

然后jquery觸發(fā)點(diǎn)擊的時(shí)候，把要顯示的圖片的樣式隱藏修改為顯示，就可以實(shí)現(xiàn)了。

標(biāo)題名稱：圖片顯示jquery,圖片顯示jpg不顯示圖片
本文來(lái)源：http://chinadenli.net/article30/dsdedpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、域名注冊(cè)、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)