本文目录
- jQuery或js将网页保存到手机相册
- js完成全选或取消全选,最好以相册中选择图片为例
- 使用angularJs怎样调用手机相机和相册
- 如下图，怎么用CSS+JS实现这样的显示图片效果请高手解答
- js图片多张轮换相册效果
jQuery或js将网页保存到手机相册
设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。
js完成全选或取消全选,最好以相册中选择图片为例
《script》var s = 1;function jisuan(){var m = document.getElementsByTagName("input");for(var i=1; i《m.length; i++){if(m.type=="checkbox" && s%2==1){m.checked = true;}else{m.checked = false;}}s++;}《/script》《input type="checkbox" onclick="jisuan();" /》《br /》《form action="你要提交的地址"》《input type="checkbox" name="pic" /》《input type="checkbox" name="pic" /》《input type="checkbox" name="pic" /》《input type="checkbox" name="pic" /》《input type="checkbox" name="pic" /》《/form》这跟是不是相册没有关系吧，把图片的地址、名字或者ID赋值给checkbox的value都可以啊
使用angularJs怎样调用手机相机和相册
AngularJS 没有相机插件，cordova。phonegap才有相机插件。首先用命令：phonegap plugin add org.apache.cordova.camera安装相机插件然后再用navigator.camera.getPicture(onSuccess, onFail, { quality: 50, destinationType: Camera.DestinationType.FILE_URI }); 进行访问。记得一定要在onDeviceReady() 之后调用
如下图，怎么用CSS+JS实现这样的显示图片效果请高手解答
《div id="tbody"》 《span class="txt_1"》横向的JS相册效果《/span》 《div id="mainbody"》 《img src="images/01.jpg" alt="横向JS相册" width="640" height="400" id="mainphoto" rel="images/01.jpg" name="#" /》 《/div》 《img src="images/goleft.gif" width="11" height="56" id="goleft" /》 《img src="images/goright.gif" width="11" height="56" id="goright" /》 《div id="photos"》 《div id="showArea"》 《!--src: 缩略图地址 rel: 大图地址 name: 网址 --》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/02.jpg" alt="横向JS相册" width="80" height="50" rel="images/02.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/02.jpg" alt="横向JS相册" width="80" height="50" rel="images/02.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/02.jpg" alt="横向JS相册" width="80" height="50" rel="images/02.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/02.jpg" alt="横向JS相册" width="80" height="50" rel="images/02.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《img src="images/02.jpg" alt="横向JS相册" width="80" height="50" rel="images/02.jpg" name="#" /》 《img src="images/01.jpg" alt="横向JS相册" width="80" height="50" rel="images/01.jpg" name="#" /》 《/div》 《/div》《/div》body {background:#000;margin:0;font:12px Verdana;text-align:center;} #tbody {width:650px;margin:20px auto;text-align:left;}#mainbody {width:640px;margin:5px;border:1px solid #222;padding:1px}#mainphoto {cursor:pointer;display:block;}#goleft {float:left;clear:left;margin:6px 5px 0 3px;}#goright {float:right;clear:right;margin:6px 3px 0 5px;}#photos {width:610px;height:54px;line-height:54px;border:1px solid #222;margin:10px 0;overflow:hidden;}#showArea img {display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #222}.txt_1 {font:bold 24px Verdana, Tahoma;color:#fff;} 《script language="javascript" type="text/javascript"》var browse = window.navigator.appName.toLowerCase();var MyMar;var speed = 1; //速度，越大越慢var spec = 1; //每次滚动的间距, 越大滚动越快var minOpa = 90; //滤镜最小值var maxOpa = 100; //滤镜最大值var spa = 2; //缩略图区域补充数值var w = 0;spec = (browse.indexOf("microsoft") 》 -1) ? spec : ((browse.indexOf("opera") 》 -1) ? spec*10 : spec*20);function $(e) {return document.getElementById(e);}function goleft() {$(’photos’).scrollLeft -= spec;}function goright() {$(’photos’).scrollLeft += spec;}function setOpacity(e, n) { if (browse.indexOf("microsoft") 》 -1) e.style.filter = ’alpha(opacity=’ + n + ’)’; else e.style.opacity = n/100;}$(’goleft’).style.cursor = ’pointer’;$(’goright’).style.cursor = ’pointer’;$(’mainphoto’).onmouseover = function() {setOpacity(this, maxOpa);}$(’mainphoto’).onmouseout = function() {setOpacity(this, minOpa);}$(’mainphoto’).onclick = function() {location = this.getAttribute(’name’);}$(’goleft’).onmouseover = function() {this.src = ’images/goleft2.gif’; MyMar=setInterval(goleft, speed);}$(’goleft’).onmouseout = function() {this.src = ’images/goleft.gif’; clearInterval(MyMar);}$(’goright’).onmouseover = function() {this.src = ’images/goright2.gif’; MyMar=setInterval(goright,speed);}$(’goright’).onmouseout = function() {this.src = ’images/goright.gif’; clearInterval(MyMar);}window.onload = function() { setOpacity($(’mainphoto’), minOpa); var rHtml = ’’; var p = $(’showArea’).getElementsByTagName(’img’); for (var i=0; i《p.length; i++) { w += parseInt(p.getAttribute(’width’)) + spa; setOpacity(p, minOpa); p.onclick = function() {location = this.getAttribute(’name’);} p.onmouseover = function() { setOpacity(this, maxOpa); $(’mainphoto’).src = this.getAttribute(’rel’); $(’mainphoto’).setAttribute(’name’, this.getAttribute(’name’)); setOpacity($(’mainphoto’), maxOpa); } p.onmouseout = function() { setOpacity(this, minOpa); setOpacity($(’mainphoto’), minOpa); } rHtml += ’《img src="’ + p.getAttribute(’rel’) + ’" width="0" height="0" alt="" /》’; } $(’showArea’).style.width = parseInt(w) + ’px’; var rLoad = document.createElement("div"); $(’photos’).appendChild(rLoad); rLoad.style.width = "1px"; rLoad.style.height = "1px"; rLoad.style.overflow = "hidden"; rLoad.innerHTML = rHtml;}《/script》
js图片多张轮换相册效果
这个简单，用JS+CSS实现。发封信到我信箱 673914679@QQ.com，我回信把源码都发你。源码发给你了不给分啊？
哈......................百度搜索!
用flash很容易实现，还是可视化操作
你很幸运，我最近正好要作这个东西。先在这里作下标记......
