Что необходимо добавить в скрипт, чтобы сверху отображались цифры

Rover23, 419 просмотров

Есть java-скрипт отображения фотографий в виде слайд-шоу (при клике отображается следующая фотография на том же месте)
Что необходимо добавить в скрипт, чтобы в правом нижнем углу, отображалось: "номер текущей фотографии"/"всего фотографий", к примеру 3/7

<input onclick="return nextImage1()"
src="/images.jpg" type="image" />

<table align="center">
<tr><td>
<img name="picture1" style="cursor:pointer" onclick="return nextImage1()"
src="ссылка 1"
alt=" "/>
</td></tr>
</table>
<script type="text/javascript">

var currentImage1 = 0;
var path1 = new
Array(src="ссылка 1","ссылка 2", итд);var
img1 = new Array ();

for (var i=0; i < path1.length; i++) {
img1[i] = new Image (320, 240);
img1[i].src = path1[i];
}

function nextImage1() {

currentImage1++;
if (currentImage1 == path1.length)
currentImage1 = 0;
document.images["picture1"].src = img1[currentImage1].src;
return false;
}

</script>

Примечание:
а если картинки разного размера?

Ответы:

Igorbelykh86

Если картинка не стоит в DIV'е, запихай ее в див размерами (height и width) равный размерам картинки и присвой ей z-index:1, в тот же див засунь еще один див со свойствами position:absolute; bottom:0; right:0 присвой какой-нибудь ID и потом в скрипте пропиши document.getElementById('ID').innerHTML=номер_картинки+'/'+общее_количество_картинок; кажется все.

Blacklokky

Примерно так:

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.