css+js点击后弹出大图问题

html-css09

css+js点击后弹出大图问题,第1张

先把图片控制大小!!

点击后!大小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")

}

})

没试过!!你先试下吧!!

1.强行控制图片的大小并点击打开新页面

<img src="图片" width="100" height="100" onclick="window.open('另一个页面的地址')"

2.然后在那个页面载入原来的大图

当然如果你技术可以的话,最好不要打开新页面,弹出一个原本隐藏的div就可以了