jquery显示图片,jquery动态显示图片

jquery里面点击一张图片在另一个位置也显示这张图片怎么写

假如是两个img标签，你可以通过他们的id来控制，例如：

img id="img1" src="xxx.jpg" onclick="dd()"

img id="img2"

function dd(){

var path=$("#img1").attr("src");

$("#img2").attr("src",path);

}

相关问答

Q1: jquery iviewer显示图片（格式为base64）

在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。

例如：

script type="text/javascript"

$(document).ready(function(){

alert(isNaN($('#id').val()));

});

/script可以直接使用

Q2: 如何用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进行快速定义，所以也只能告诉你是这么一回事，但未必能帮得上你。

Q3: 怎么用jquery显示大图片？

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

$("img").attr("width","100"); // 设置宽度

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

Q4: 一段鼠标经过文字显示图片的jquery代码

我看了代码，css和js都有点小问题，我简单改了一下

css问题。

.pcdown p.show{display:block;}

上面那段代码比原来的p.show优先级高，所以没效果。

js是下面这么改，这么改js，上面的css可以不用，js直接就控制隐藏和显示。

$(function(){

  $('.pcdown li').mouseover(function(){

    $(this).siblings().find('p').hide();

    $(this).find('p').show();

  });

});

先把所有的p隐藏，然后显示当前的。就行了。测试有效