javascript_image 특수 효과로 구현된 이미지 전송 효과

네티즌들의 요청으로 사진 전사 효과를 수정해봤습니다. 비교적 아름다운 효과인데, 사진 효과를 추가하는 것이 조금 번거롭습니다. 금일 네티즌들의 요청으로 JS가 변경되었습니다. 누구나 쉽게 사진을 추가하고 삭제할 수 있습니다. 여기서는 주로 다음 사항을 자세히 설명합니다.
var firstnum = 1;
var secnum = 2;
var tounum=1
이 세 변수는 이미지 ID 변수를 전달하는 데 사용됩니다. 그리고 쉬운 조작을 위해 현재 사진 ID를 저장하세요! 누구나 쉽게 원하는 효과로 수정할 수 있을 거라 믿습니다!
코드는 다음과 같습니다.

]
<script> var ticked=0; var okayToGo = true; var currentCreature = 1; var forwardBackward = 1; var firstnum = 1; var secnum = 2; var tounum=1; function moveItem(firstnum,secnum){ if(okayToGo&& firstnum != secnum){ tounum=firstnum; document.getElementById("y"+firstnum).style.zIndex = 50+10*forwardBackward; document.getElementById("y"+secnum).style.zIndex = 50+20*forwardBackward; startTheMove =window.setInterval(function(){rightOrLeft(firstnum,secnum)},20); } } function rightOrLeft(firstnum,secnum) { if (ticked == 1020) { window.clearInterval(startTheMove); ticked = 0; forwardBackward = 1; okayToGo = true; } else { okayToGo = false; thisAngle = (Math.PI/2)*(ticked/1000); document.getElementById("y"+firstnum).style.left = " "+(735-Math.sin(thisAngle)*700)+"px"; document.getElementById("y"+firstnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle)*55))+"px"; document.getElementById("y"+secnum).style.left = " "+(735-Math.sin(thisAngle+Math.PI/2)*700)+"px"; document.getElementById("y"+secnum).style.top = " "+(105-(forwardBackward*Math.cos(thisAngle+Math.PI/2)*55))+"px"; ticked += 20; } } </script>