| |
|
|
| | Допустим, браузер загружает несколько изображений, но выводится только одно изображение. Выводится в некоторую область (например, внутри тега <div>). По щелчку по картинке со стрелочкой, выводится другое изображение в этой же области.
Как такое сделать?
Нужно ли для этого создавать объект Image? | |
| |
|
|
| |
|
|
| |
для: Mookapek
(24.05.2010 в 01:28)
| | | Можно и не создавать
<script>
function myShow (x)
{
var pics = document.getElementById (x).getElementsByTagName ('img');
for (var j = 0, lj = pics.length - 1; j <= lj; j++) if (pics [j].style.display == 'block') {
pics [j].style.display = 'none'; pics [(j == lj) ? 0 : (j + 1)].style.display = 'block'; break}
}
</script>
<span style="cursor: pointer; color: navy; text-decoration: underline" onclick="myShow ('GLR')">
Ещё картинки</span>
<div id="GLR" style="margin-top: 20px">
<img style="display: block; width: 98px; height: 32px; background: red" alt="КАЖДЫЙ">
<img style="display: none; width: 98px; height: 32px; background: orange" alt="ОХОТНИК">
<img style="display: none; width: 98px; height: 32px; background: yellow" alt="ЖЕЛАЕТ">
<img style="display: none; width: 98px; height: 32px; background: green" alt="ЗНАТЬ">
<img style="display: none; width: 98px; height: 32px; background: aqua" alt="ГДЕ">
<img style="display: none; width: 98px; height: 32px; background: blue" alt="СИДИТ">
<img style="display: none; width: 98px; height: 32px; background: violet" alt="ФАЗАН">
</div>
|
| |
| |
|
|
