提起叶非夜的专属相册注释，大家都知道，有人问求JS旋转相册的代码。带注释，另外，还有人想问如何把相册里的多个照片合并成一个影集，你知道这是怎么回事？其实相册论文集怎么制造，下面就一起来看看相册影集怎么制作，希望能够帮助到大家！

叶非夜的专属相册注释

关注微信力相册，关注微信：橱窗，一键关注，快速创建专属你的精美电子相册。预祝新年快乐。

博客图片添加注释

加水印啊

相册论文集怎么制造

网易，新浪等博客，在上传图片的时候，都有[加水印]这个功能的选项。

另外，你可以使用PS，美图秀秀等图片美化软件，不过那还需要学习一下该软件的使用方法。

如果你学不会图片美化软件，那还有个方法，不算太麻烦，就是，去赛我中国网注册一个赛我小窝，在[相册]标签里，上传图片，编辑图片，点击[]，就可以文字和字母。你可以把你的博客打进去，然后可以任意拖动它的位置。把图片发布后，再保存到桌面上，上传到你自己的博客相册里也行。

叶非夜的专属相册注释：求JS旋转相册的代码。带注释

我对JS颇有自信，可以帮你写一个，但是想先请问两个问题：第一，注释希望用哪种语言，中文还是英文还是日

文第二，是“旋转”相册还是“选择”相册，请明示补充说明，会需要

一点时间

，得到你的确认之后，我会在大约

一天之后

给你弄出来。

想把照片做成电子相册，像真的一本相册书一样，自动翻页，不是简单的幻灯片，而是一本相册书

我都是用数码的；

操作非常简单、你可以在选择相册特效的时候，选择这个效果；

软件包含了多种的相册特效，精彩的歌词和注释设置，搭配绚丽的相框；支持多种相册，绝对满足你的需求的；

软件导出可供刻录的VCD/SVCD/DVD的格式；也可以导出分发共享的exe文件，对方无须安装即可欣赏；

希望能帮到你哦~

搜索：数码

叶非夜的专属相册注释：如何把相册里的多个照片合并成一个影集

使用一个制作软件来制作就可以了。

我一直都是用《数码》将自己的照片做成影集的。你可以用这个软件做很多种影集，它可以做本机相册，锁屏相册，礼品包相册，相册，还有网页相册。制作的时候，还可以为自己的相册添加背景音乐，添加相框，注释，旁白，动感场景等等，相册还能片头/片尾，也可以再相片之间，非常实用！

你可以点击链接参看详细介绍：

以上就是与相册影集怎么制作相关内容，是关于求JS旋转相册的代码。带注释的分享。看完叶非夜的专属相册注释后，希望这对大家有所帮助！

[HTML部分]

<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>

[CSS部分]

body {background:#000margin:0font:12px Verdanatext-align:center}

#tbody {width:650pxmargin:20px autotext-align:left}

#mainbody {width:640pxmargin:5pxborder:1px solid #222padding:1px}

#mainphoto {cursor:pointerdisplay:block}

#goleft {float:leftclear:leftmargin:6px 5px 0 3px}

#goright {float:rightclear:rightmargin:6px 3px 0 5px}

#photos {width:610pxheight:54pxline-height:54pxborder:1px solid #222margin:10px 0overflow:hidden}

#showArea img {display:blockfloat:leftmargin:1px 0cursor:pointerborder:1px solid #222}.txt_1 {font:bold 24px Verdana, Tahomacolor:#fff}

[JS部分]

<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=0i<p.lengthi++) {

w += parseInt(p[i].getAttribute('width')) + spa

setOpacity(p[i], minOpa)

p[i].onclick = function() {location = this.getAttribute('name')}

p[i].onmouseover = function() {

setOpacity(this, maxOpa)

$('mainphoto').src = this.getAttribute('rel')

$('mainphoto').setAttribute('name', this.getAttribute('name'))

setOpacity($('mainphoto'), maxOpa)

}

p[i].onmouseout = function() {

setOpacity(this, minOpa)

setOpacity($('mainphoto'), minOpa)

}

rHtml += '<img src="' + p[i].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>

设置宽度为100%，列表就可以适应屏幕。同时如果你的头像要保证是正方形，就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px")$(id).css("height","150px")就是一个正方形，当然，不一定是150px，具体的宽度也可以动态获取屏幕并计算。

---