如何用JSJQ实现，点击小图片显示大图片及详细信息的功能？

JavaScript07

如何用JSJQ实现，点击小图片显示大图片及详细信息的功能？,第1张

我自己没试过，给你个思路，只能帮你到这，HTML编写一个div中间嵌套两个div，一个用来承载图片一个为详细信息，js中jq代码绑定事件，点击图片，显示HTML中写好的div即可。具体的各种方法参照jQuery API

第一种方法：将三张大图放在div里面，这三个div大小还有别的属性都一样，但是默认是隐藏的，display：none；隐藏display：block；显示然后点击一张图片，对应的大图div显示出来，点击第二张，第一个大图div隐藏，第二个大图div显示。第二种方法，只有一个大的div，里面放<img>标签，但是src也就是路径是空的，然后当你点击第一个小图的时候，给这个img标签的src赋值，也就是第一个大图的路径，点击第二个，路径变更。第三种，去网上找找这样的源代码，图片轮转。好多源代码 各种样式的都有。希望能帮助到你

先把图片控制大小！！

点击后！大小auto!!

再次点击大小还原！！

<script type="text/javascript">    

$(document).ready(function(){    

  

$("#ck").children('img').click(function(){

if( $("this").hasClass('current')){ 

$(this).next("ul").removeClass("current")

$("this").css('width',"auto")

$("this").css('height',"auto")

}else{

$(this).addClass("current")

$("this").css('width',"50px")

$("this").css('height',"50px")

}

})

没试过！！你先试下吧！！