当前位置:编程学习 > JS >>

求仿点点网的点击放大图片js效果

先看图,要求如下: 1.不管传多少张图片,缩小到图片只显示5个,点击放大后全部显示 2.点击小图片其中任何一张,所有的图片都放大,并且竖向排列 3.放大的图片不失真.放大有个放大最大尺寸.不可超过最大值.但是也不能超过图片本身的实际宽度(即该图片小于最大值的情况下) 如果有不清楚我的问题的朋友可以百度Hi我或者直接上点点网注册个号看下效果,50分送上,答案完全相符点点网的话就追加到100分
追问:这段代码我也看到了
但我不知道怎么编写js让他点击onclick时候使小图片的样式为display:none;而大图片变成style中的块级显示样式给清空;
然后又如何放大之后再点图片使大图片的外框架样式为display:none;而小图片显示出来了又
我是有这个思想但我不会实现
纠结
答案:它的没有什么效果的无非使用了两套图片,切换display="none".3G上网者的流量就在这无形中背吃了...坑人家的钱
<div class="feed-img-thumb post-some-img clearfix" style="">
   <img class="feed-img" height="100" width="100" .../>
</div>
<div class="feed-img-all post-some-img clearfix" style="display: none;"> 
   <img class="feed-img" height="331.0" width="500" .../>
</div>
其他:你可以这样试试看
点击时在下面的区域中比如DIV动态生成图片
var div=……;
var img;
for(循环你需要显示的图片地址)
{
//创建图片节点
img=document.createElement(‘img’);
img.src=....;
img.width=?
img.height=?
//也可以加上onload事件改变最终大小
div.appendChild(img);
//或者采用创建对象
//img=new Image();
//.............
} 

上一个:如何在JS里定义一个DATE类型的变量,并且这个变量在页面得到的是系统当前时间,并且在SERVLET里接收到
下一个:我想用JS实现一个树形菜单·

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,