<html>
<head>
<title>java script</title>
<script>
function abc1()
{
document.getElementById("change").src="images/1.jpg";
}
function abc2()
{
document.getElementById("change").src="images/2.jpg";
}
function abc3()
{
document.getElementById("change").src="images/3.jpg";
}
function abc4()
{
document.getElementById("change").src="images/4.jpg";
}
function abc5()
{
document.getElementById("change").src="images/5.jpg";
}
function abc6()
{
document.getElementById("change").src="images/6.jpg";
}
function abc7()
{
document.getElementById("change").src="images/7.jpg";
}
function abc8()
{
document.getElementById("change").src="images/8.jpg";
}
function abc9()
{
document.getElementById("change").src="images/9.jpg";
}
function abc10()
{
document.getElementById("change").src="images/10.jpg";
}
function abc11()
{
document.getElementById("change").src="images/11.jpg";
}
function abc12()
{
document.getElementById("change").src="images/12.jpg";
}
</script>
</head>
<body>
<center><img src="images/1.jpg" width="900" height="700" border="10" id="change">
<br>
<button onClick="abc1()">fashion 1</button>
<button onClick="abc2()">fashion 2</button>
<button onClick="abc3()">fashion 3</button>
<button onClick="abc4()">fashion 4</button>
<button onClick="abc5()">fashion 5</button>
<button onClick="abc6()">fashion 6</button>
<button onClick="abc7()">fashion 7</button>
<button onClick="abc8()">fashion 8</button>
<button onClick="abc9()">fashion 9</button>
<button onClick="abc10()">fashion 10</button>
<button onClick="abc11()">fashion 11</button>
<button onClick="abc12()">fashion 12</button>
</body>
</html>
<head>
<title>java script</title>
<script>
function abc1()
{
document.getElementById("change").src="images/1.jpg";
}
function abc2()
{
document.getElementById("change").src="images/2.jpg";
}
function abc3()
{
document.getElementById("change").src="images/3.jpg";
}
function abc4()
{
document.getElementById("change").src="images/4.jpg";
}
function abc5()
{
document.getElementById("change").src="images/5.jpg";
}
function abc6()
{
document.getElementById("change").src="images/6.jpg";
}
function abc7()
{
document.getElementById("change").src="images/7.jpg";
}
function abc8()
{
document.getElementById("change").src="images/8.jpg";
}
function abc9()
{
document.getElementById("change").src="images/9.jpg";
}
function abc10()
{
document.getElementById("change").src="images/10.jpg";
}
function abc11()
{
document.getElementById("change").src="images/11.jpg";
}
function abc12()
{
document.getElementById("change").src="images/12.jpg";
}
</script>
</head>
<body>
<center><img src="images/1.jpg" width="900" height="700" border="10" id="change">
<br>
<button onClick="abc1()">fashion 1</button>
<button onClick="abc2()">fashion 2</button>
<button onClick="abc3()">fashion 3</button>
<button onClick="abc4()">fashion 4</button>
<button onClick="abc5()">fashion 5</button>
<button onClick="abc6()">fashion 6</button>
<button onClick="abc7()">fashion 7</button>
<button onClick="abc8()">fashion 8</button>
<button onClick="abc9()">fashion 9</button>
<button onClick="abc10()">fashion 10</button>
<button onClick="abc11()">fashion 11</button>
<button onClick="abc12()">fashion 12</button>
</body>
</html>
No comments:
Post a Comment