Галерея картинок

11.11.2017, 13:16. Показов 587. Ответов 0

Метки нет (Все метки)

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

У меня есть галерея картинок. Как сделать чтобы при клике на картинку всё остальные не съезжали?

HTML5
1
2
3
<button>Show</button><br>
    <img src="https://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg" class="grief"><br>
    <img src="https://i.ytimg.com/vi/oqNKD9YVe4U/maxresdefault.jpg" width="250px">

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
button {
        margin: 20px;
        font-family: Arial;
        background: #56B9D0;
        border: 1px solid #56B9D0;
        border-radius: 2px;
        color:  #fff;
        width: 60px;
        height: 30px;
    }
 
    .grief {
        width: 250px;
        border-radius: 4px;
    }

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
    $('button').click(function() {
            $('.grief').animate({
                width: '582px',
                height: '328px'
            }, 350);
    });
 
 
 
</script>

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

11.11.2017, 13:16

Ответы с готовыми решениями:

галерея картинок
добрый вечер господа:) и так суть такова я пишу скрипт для галереи картинок вот наброски <script...

Галерея картинок(размер)
Здравствуйте! Подскажите как исправить один момент: нужно чтобы при переключении изображения, стрелки оставались на своих местах когда...

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

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

11.11.2017, 13:16

Помогаю со студенческими работами здесь

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

Галерея
Вот есть такая простенькая ГАЛЕРЕЯ При клике на следующую картинку, она прокручивается на нее. Вот сам код прокрутки: ...

Галерея
Здравствуйте. Подскажите, пожалуйста, с помощью какого плагина можно сделать галерею как на рисунке ниже?

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

Галерея
Есть галерея. загруженная с инета. проблема в том, что вчера она запускалась, а сегодня нет. комп не видит часть кода. а конкретно: ...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .

Наверх