Здравствуйте,
Мне этот код нужно поменять и использовать Javascript, чтобы вывести изображения с помощью массива в Javascript.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
[SRC JS]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href= "style.css" rel="stylesheet" type="text/css">
<title>Document</title>
</head>
<body>
<h2>Gitara shop</h2>
<h3 id="mycard">My Card Price</h3>
<!-- Gallery -->
<div class="row">
<div class="column">
<img class="imgpic" id="img1" src="images/pic1.jpg" style="width:50%">
<h4 id="Name1">Gitara 1</h4>
<p class="price" id="price1" >$12.07</p>
<p id="information1">Some text about the Gitara 1</p>
<p>
<button onclick="getPrice(1)">Add to Cart</button>
</p>
</div>
<div class="column">
<img class="imgpic" id="img2" src="images/pic2.jpg" style="width:50%">
<h4 id="Name2">Gitara 2</h4>
<p class="price" id="price2" >$13.55</p>
<p id="information2">Some text about the Gitara 2</p>
<p>
<button onclick="getPrice(2)">Add to Cart</button>
</p>
</div>
<div class="column">
<img class="imgpic" id="img3" src="images/pic3.jpg" style="width:50%">
<h4 id="Name3">Gitara 3</h4>
<p class="price" id="price3" >$29.31</p>
<p id="information3">Some text about the Gitara 3</p>
<p>
<button onclick="getPrice(3)">Add to Cart</button>
</p>
</div>
<!-- END -->
</div>
</body>
</html>
[/SRC]
Массив изображений объявила, но дальше запуталась в информации, которая дана в интернете, не могу найти толковое объяснение, всё не то попадается мне.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<script language="JavaScript">
img=new Array()
img[0]=new Image()
img[1]=new Image()
img[2]=new Image()
img[3]=new Image()
img[4]=new Image()
img[5]=new Image()
img[0].src="images/pic1.jpg"
img[1].src="images/pic2.jpg"
img[2].src="images/pic3.jpg"
img[3].src="images/pic4.jpg"
img[4].src="images/pic5.jpg"
img[5].src="images/pic6.jpg"
function {
............
}
</script>
