Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
4 / 4 / 1
Регистрация: 18.02.2010
Сообщений: 195

Галерея

09.04.2012, 11:25. Показов 1456. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Мне нужно, чтобы при клике поставлялось в 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
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.04.2012, 11:25
Ответы с готовыми решениями:

Галерея
Здравствуйте. Необходимо сделать следующую вещь. Что-то вроде просмотра каталога. Должно это выглядеть примерно так, как показано на...

галерея
здравствуй. помогите создать,пожалуйста, галерею как вот здесь http://www.orion.relax.by/

Галерея
написал галерею и решил попробовать сделать её без превьюшек. в итоге вышло, что страничка очень долго грузится :( возможно вообще так...

3
Просто любитель
 Аватар для GuardCat
626 / 464 / 120
Регистрация: 20.01.2011
Сообщений: 865
Записей в блоге: 2
09.04.2012, 15:41
JavaScript
1
2
3
function setBigImage(foto) {
    document.getElementById("bigimg").src = foto.src.replace(/\d+x\d+\//g, "");
}
1
4 / 4 / 1
Регистрация: 18.02.2010
Сообщений: 195
10.04.2012, 13:26  [ТС]
Спасибо, можете пояснить как это работает?
0
Просто любитель
 Аватар для GuardCat
626 / 464 / 120
Регистрация: 20.01.2011
Сообщений: 865
Записей в блоге: 2
10.04.2012, 14:00
Цитата Сообщение от qw3qw3qw3r Посмотреть сообщение
Спасибо, можете пояснить как это работает?
JavaScript
1
foto.src.replace(/\d+x\d+\//g, "")
Заменяет все совпадения с регулярным выражением в foto.src на пустую строку и возвращает что получилось.
Регулярное выражение: \d+ цифры в любом количестве, x --- тот икс, который разделяет размеры фотографий, \/ --- экранированный слэш. По-русски получается так:
Все совпадения с шаблоном (какие-то цифры от одной и больше икс какие-то цифры от одной и больше слэш) заменить на пустую строку.

Про регулярные выражения пожно почитать тут.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
10.04.2012, 14:00
Помогаю со студенческими работами здесь

Галерея
Приветствую форумчане! Учусь программировать и забрался я в галерею bootstrap, конкретно вот в такую. Она увеличивает картинку по клику,...

Необходима галерея
Нужна галерея картинок-ссылок (или плагин который может подобное). Картинки должны двигаться не горизонтально а по-диагонали до середины...

jquery галерея
Здравствуйте! Подскажите какую-нибудь библиотеку jquery, похожую на такое: http://y-skazki.ru/catalog/s126/837/#!prettyPhoto.

Картинная галерея
Найдите или создайте в графическом редакторе несколько изображений. Загрузите их с помощью массива объектов Image в память браузера....

Галерея карусель
Я в js не особый мыслитель и поэтому немного не понимаю в каком направлении двигаться если надо сделать галерею карусель. В общем идея...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru