Галерея

@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 --- тот икс, который разделяет размеры фотографий, \/ --- экранированный слэш. По-русски получается так:
Все совпадения с шаблоном (какие-то цифры от одной и больше икс какие-то цифры от одной и больше слэш) заменить на пустую строку.

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

Новые блоги и статьи Все статьи Все блоги /
влияние грибов на сукцессию 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 и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .

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