Галерея

@qw3qw3qw3r · Регистрация: 18.02.2010

Студворк — интернет-сервис помощи студентам

Мне нужно, чтобы при клике поставлялось в bigimg не ../images/gallery/history/100x100/55.jpg,а ../images/gallery/history/55.jpg как сделать?

HTML5
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
<!DOCTYPE HTML>
<html>
<head>
<style>
body {
    margin: 0px;
    padding: 0px;
}
img {
    border: 2px black solid;
    padding: 4px;
    margin: 4px;
}
</style>
</head>
<body>
<script type="text/javascript">
    function setBigImage(foto) {
        document.getElementById("bigimg").src = foto.src;
    }
</script>
<div align="center"><img id="bigimg" src="https://www.cyberforum.ru/images/gallery/history/100x100/55.jpg" width="700" height="394" alt="" /></div>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/55.jpg" width="100" height="100" onclick="setBigImage(this)" alt="" /></td>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/56.jpg" alt= "" width="100" height="100" onclick="setBigImage(this)" /></td>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/57.jpg" width="100" height="100" onclick="setBigImage(this)" alt="" /></td>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/58.jpg" width="100" height="100" onclick="setBigImage(this)" alt="" /></td>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/59.jpg" width="100" height="100" onclick="setBigImage(this)" alt="" /></td>
      <td width="100" height="100" align="center" valign="middle"><img src="https://www.cyberforum.ru/images/gallery/history/100x100/60.jpg" width="100" height="100" onclick="setBigImage(this)" alt="" /></td>
    </tr>
</table>
</body>
</html>

Добавлено через 14 часов 2 минуты
uuuuppppp

@GuardCat · 09.04.2012, 15:41

JavaScript
1
2
3
function setBigImage(foto) {
    document.getElementById("bigimg").src = foto.src.replace(/\d+x\d+\//g, "");
}

@qw3qw3qw3r · 10.04.2012, 13:26 **[ТС]**

Спасибо, можете пояснить как это работает?

@GuardCat · 10.04.2012, 14:00

Сообщение от qw3qw3qw3r

Спасибо, можете пояснить как это работает?

JavaScript
1
foto.src.replace(/\d+x\d+\//g, "")

Заменяет все совпадения с регулярным выражением в foto.src на пустую строку и возвращает что получилось.
Регулярное выражение: \d+ цифры в любом количестве, x --- тот икс, который разделяет размеры фотографий, \/ --- экранированный слэш. По-русски получается так:
Все совпадения с шаблоном (какие-то цифры от одной и больше икс какие-то цифры от одной и больше слэш) заменить на пустую строку.

Про регулярные выражения пожно почитать тут.

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@qw3qw3qw3r 4 / 4 / 1 Регистрация: 18.02.2010 Сообщений: 195
	10.04.2012, 13:26 [ТС]
	Спасибо, можете пояснить как это работает? 0