Как объединить 2 этих кода и возможно ли это?
Циклическая смена картинок
<!-- Начало кода -->
<script type="text/javascript" language="javascript">
numimg=1;
imgslide=new Array()
imgslide[1]=new Image();
imgslide[2]=new Image();
imgslide[3]=new Image();
imgslide[4]=new Image();
imgslide[5]=new Image();
imgslide[6]=new Image();
imgslide[7]=new Image();
imgslide[8]=new Image();
imgslide[9]=new Image();
imgslide[10]=new Image();
imgslide[11]=new Image();
imgslide[12]=new Image();
imgslide[13]=new Image();
imgslide[14]=new Image();
imgslide[15]=new Image();
imgslide[16]=new Image();
imgslide[17]=new Image();
imgslide[1].src=".png";
imgslide[2].src=".png";
imgslide[3].src=".png";
imgslide[4].src=".png";
imgslide[5].src=".png";
imgslide[6].src=".png";
imgslide[7].src=".png";
imgslide[8].src=".png";
imgslide[9].src=".png";
imgslide[10].src=".png";
imgslide[11].src=".png";
imgslide[12].src=".png";
imgslide[13].src=".png";
imgslide[14].src=".png";
imgslide[15].src=".png";
imgslide[16].src=".png";
imgslide[17].src=".png";
function demoslides(){
document.img.src=imgslide[numimg].src;
numimg++;
if(numimg==17)
numimg=1;
setTimeout("demoslides()", 100)} // Время
</script>
<body onLoad="demoslides()">
<img name="img"/>
<!-- Конец кода -->
При наведение мышки меняется прозрачность
<!-- Начало кода -->
<script language="javascript">
function ok(){//Функция начальной установки прозрачности
di=document.images
for(c=1;c<=4;c++){
di['i'+c].src='files/loading.gif'
if (di['i'+c].filters){
di['i'+c].style.filter='alpha(opacity='+s+')'}
else{
di['i'+c].style.opacity=s/100}}}
//Временные единицы относительные, подбирать экспериментально
var up=20 //Время выполнения эффекта, появление
var dn=20 //Время выполнения эффекта, исчезновение
var s=10 //Начальная прозрачность, от 0
var r=30 //Конечная прозрачность, до 100
var x=25/up
var y=-25/dn
var z=new Array()
var timer=new Array()
function on(i){
if (timer[i.id]){clearInterval(timer[i.id])}
z[i.id]=x
timer[i.id]=setInterval(function(){return time(i)},up)}
function off(i){
clearInterval(timer[i.id])
z[i.id]=y
timer[i.id]=setInterval(function(){return time(i)},dn)}
function time(i){
if (i.filters){
i.filters.alpha.opacity+=z[i.id]
c=i.filters.alpha.opacity}
else{
c=i.style.opacity*100
c+=z[i.id]
i.style.opacity=c/100}
if (c<=s){if(i.filters){i.filters.alpha.opacity=s}els e{i.style.opacity=s/100};clearInterval(timer[i.id]);return}
if (c>=r){if(i.filters){i.filters.alpha.opacity=r}els e{i.style.opacity=r/100};clearInterval(timer[i.id]);return}
}
</script>
<body onload=ok()>
<p><img id=i1 onMouseOver=on(this) onMouseOut=off(this)></p>
<!-- Конец кода -->
