Показано с 1 по 3 из 3

Тема: Как настроить параметры для каждого модального окна в отдельности

Комбинированный просмотр

  1. #1

    Злость Как настроить параметры для каждого модального окна в отдельности

    [Только зарегистрированные пользователи могут видеть ссылки. ]

    Здравствуйте.
    Я новичок и никак не могу вставить нужные теги на странице Cotga_r.htm для настройки ширины и высоты каждого модального окна к каждой картинке в отдельности. Из за того, что фотки по ширине и высоте в разнобой получается, что одно модальное окно влезает в рамки экрана, а другое нет.

    Вот в этом куске:

    <a href="#x" class="overlay" id="win1"></a>
    <div class="popup">
    <img class="is-image" src="Catalog/Cotga/1307 Hudoznik cotga uly.jpg" />
    <a class="close" title="Закрыть" href="#close"></a></div>

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



    В самом файле style-modal.css в куске:

    .popup {
    top: 0;
    right: 0;
    left: 0;
    font-size: 14px;
    z-index: 10;
    display: block;
    visibility: hidden;
    margin: 0 auto;
    width: 100%;
    min-width: 10%;
    max-width: 30%


    Задается только ширина.

    Играя этими параметрами я так и ничего путного не добился.

    Фалы прилагаются в архиве 11.zip но из за ограничений по размеру загружаемого файла пришлось некоторыми файлами пожертвовать.

    Очень надеюсь на Вашу помощь.

  2. #2
    Попробуй сначала указать размер изображение в пикселях (напр. width: 250px, height: 300px; ), и только потом меняй остальные значения

  3. #3
    Так в пикселях и было то изначально толку мало я уже решил в процентах. Размер модального окна то меняется но для всех фоток, а было бы хорошо прописать для каждой отдельной фотки свой размер модального окна. Есть мысль, что где то в файле Cotga_r.htm нужно прописать, а что не знаю. Я любитель в этом деле пишу в визуальном редакторе и еще методом тыка.

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •