图片显示jquery,图片显示jpg不显示图片

怎么用jquery显示大图片？

你可以使用JQuery设置图片的大小来显示大图

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于成都网站建设、网站制作、共青城网络推广、成都微信小程序、共青城网络营销、共青城企业策划、共青城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供共青城建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

$("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"//

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触发点击的时候，把要显示的图片的样式隐藏修改为显示，就可以实现了。