Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
1 / 1 / 1
Регистрация: 02.02.2014
Сообщений: 105
1

При нажатии на фото снизу оно замещало фото в окне сверху над ним

10.11.2015, 08:51. Показов 1668. Ответов 2
Метки нет (Все метки)

Кто сталкивался... Подскажите как реализовать...?при нажатии на фото снизу оно замещало фото в окне сверху над ним.
Миниатюры
При нажатии на фото снизу оно замещало фото в окне сверху над ним  
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.11.2015, 08:51
Ответы с готовыми решениями:

Увеличение фото при нажатии на кнопку
Добрый день уважаемые кодеры! У меня есть фотография а под ней кнопка увеличить, каким образом...

При клике на маленькое фото открытие большого фото в модальном окне
Привет, помогите решить проблему! У меня есть скрипт фотогалереи, она отображает маленькие превью...

При нажатии на фото снизу оно замещало фото в окне сверху над ним
Здравствуйте подскажите кто сталкивался, как реализовать: при нажатии на фото снизу оно замещало...

При нажатии на фото снизу оно замещало фото в окне сверху над ним
Здравствуйте подскажите кто сталкивался, как реализовать: при нажатии на фото снизу оно замещало...

2
3283 / 2813 / 1412
Регистрация: 15.01.2014
Сообщений: 6,135
10.11.2015, 10:09 2
Лучший ответ Сообщение было отмечено Valera1984 как решение

Решение

Примерно по такой схеме:
HTML5
1
2
3
4
5
6
<img id="big_photo" src="path/to/big_photo.jpg" alt="">
<div id="small_photo">
    <img data-big="path/to/big_photo1.jpg" src="path/to/small_photo1.jpg" alt="">
    <img data-big="path/to/big_photo2.jpg" src="path/to/small_photo2.jpg" alt="">
    <img data-big="path/to/big_photo3.jpg" src="path/to/small_photo3.jpg" alt="">
</div>
Javascript
1
2
3
4
5
6
7
8
var small = document.querySelectorAll('#small_photo img'),
    big = document.getElementById('big_photo');
 
for(var i = 0; i < small.length; i++) {
    small[i].addEventListener('click', function(){
        big.setAttribute('src', this.dataset.big);
    }, false);
}
В атрибуте "data-big" указываете путь к большому изображению.
1
Эксперт JSЭксперт HTML/CSS
2432 / 1110 / 311
Регистрация: 23.06.2011
Сообщений: 3,501
11.11.2015, 06:21 3
эта тема дубль этой
При нажатии на фото снизу оно замещало фото в окне сверху над ним
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.11.2015, 06:21

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

Переход на страницу текущего объявления при нажатии на фото
Добрый день! Стоит задача сделать возможность перейти на страницу объявления при нажатии на...

Переход на страницу текущего объявления при нажатии на фото
Добрый день! Стоит задача сделать возможность перейти на страницу объявления при нажатии на...

Как сделать чтобы при нажатии фото увеличивалось?
Люди вот сайт! Вопрос: как сделать чтобы при нажатии фото увеличивалось??!! Очень надо!...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru