<script type="text/javascript">
var Pattern1 = [
{ 'src1':'btn1.png', 'src2':'img1.png' },
{ 'src1':'btn2.png', 'src2':'img2.png' },
{ 'src1':'btn3.png', 'src2':'img3.png' },
{ 'src1':'btn4.png', 'src2':'img4.png' },
{ 'src1':'btn5.png', 'src2':'img5.png' },
];
function setPattern1(ID1){
ID1 %= Pattern1.length;
curPattern1 = ID1;
document.getElementById('BTN').src = Pattern1[ ID1 ].src1;
document.getElementById('IMG').src = Pattern1[ ID1 ].src2;
}
var curPattern1 = 0;setPattern1( curPattern1 );
</script>
ボタン(btn○.png)と写真(img○.png)があり、
ボタンを押すとボタンと写真が順に切り替わりループするスクリプトです。
写真を切り替えたら、その状態を自動で保存し、再度訪問した時に自動で読み込む。
という機能をWebStorageを使って作りたいのですが、
どのように記述すればよいでしょうか?
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/05/24 00:51
2015/05/24 01:47
2015/05/24 03:00