| festerod |
02.02.2011 20:42 |
спасибо ребят, у меня получилось сделать картинку не фоном и перелистывание по клику.
вот такой код вышел
<html>
<head>
<style>
#next{
width: 750px;
height: 1100px;
cursor: pointer;
}
</style>
</head>
<body>
<select id="select1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
<input id="button1" type="button" value="Next"/>
<input id="button2" type="button" value="Previous"/>
<div align="center"><div id="next"><img id="Picture" src="/manga/004/1.png" border="0" border="0" height="1100"></div></div>
<script type="text/javascript">
document.getElementById('button1').onclick = function(){
var k = document.getElementById('select1').value;
if (document.getElementById('select1').value < 20) {
k++;
document.getElementById('Picture').src = "/manga/004/" +k+".png ";
document.getElementById('select1').value++;
};
};
document.getElementById('button2').onclick = function(){
var k = document.getElementById('select1').value;
if (document.getElementById('select1').value > 1) {
k--;
document.getElementById('Picture').src = "/manga/004/" +k+".png ";
document.getElementById('select1').value--;
};
};
document.getElementById('next').onclick = function(){
var k = document.getElementById('select1').value;
if (document.getElementById('select1').value < 20) {
k++;
document.getElementById('Picture').src = "/manga/004/" +k+".png ";
document.getElementById('select1').value++;
};
};
document.getElementById('select1').onchange = function(){
var k = document.getElementById('select1').value;
document.getElementById('Picture').src = "/manga/004/" +k+".png ";
}
</script>
</body>
</html>
Только теперь я бьюсь над другой проблемой, как сделать предзагрузку следующей картинки? |