Перейти к содержимому


Фотогалерея


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 tatachka

tatachka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВеликий Новгород

Отправлено 27 Июль 2013 - 20:35

Подскажите, пожалуйста, как сделать простенькую фотогалерею с изображениями по 3 шт в ряд.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.

#2 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Июль 2013 - 20:51

Просмотр сообщенияtatachka (27 Июль 2013 - 20:35) писал:

Подскажите, пожалуйста, как сделать простенькую фотогалерею с изображениями по 3 шт в ряд.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.
Здравствуйте. Сообщите , пожалуйста, номер вашего аккаунта.

#3 tatachka

tatachka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВеликий Новгород

Отправлено 27 Июль 2013 - 21:03

Просмотр сообщенияsengun (27 Июль 2013 - 20:51) писал:

Здравствуйте. Сообщите , пожалуйста, номер вашего аккаунта.

аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...

как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya

#4 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Июль 2013 - 21:08

Просмотр сообщенияtatachka (27 Июль 2013 - 21:03) писал:

аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...

как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya
Зайдите в раздел Сайт-Страницы. Откройте для редактирования страницу "Фотогалерея".
В подразделе "Описание" нажмите кнопку "Источник". В появившемся коде в самой первой строчке
<div class="post-message-container" data-role="message-container" style="box-sizing: border-box; position: relative; overflow: hidden; zoom: 1; width: 570px;">
если удалить width: 570px; - уберется ограничение по ширине, и вы сможете вернуть ширину изображений (200px). Кроме того, можете не просто удалить width: 570px; , а заменить его на text-align: center; , чтобы изображения располагались по центру странички.

#5 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 27 Июль 2013 - 21:10

Просмотр сообщенияtatachka (27 Июль 2013 - 21:03) писал:

аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...

как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya

измените либо размеры изображений, либо отступы побольше сделать, т.к. само поле, где они располагаются лучше не уменьшать, при переходе на другие страницы это будет выглядеть весьма некрасиво.
Вообще можно использовать следующий код для галереи:
<p><a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img src="ссылка на маленькое изображение" /> </a></p>
этот код для одной картинки, соответственно, если Вам нужна еще одна картинка, копируете этот код и вставляете ниже.
Также Вам нужно сделать 2 изображения: в миниатюре и в первоначальном размере. Далее загружайте их в раздел файлы -> копируйте ссылки и вставляйте на нужные месте, указанные в моем коде.

Сейчас они у Вас открываются в новой вкладке, опять же выглядит не очень красиво, поэтому лучше воспользуйтесь моим кодом

#6 tatachka

tatachka

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений
  • ГородВеликий Новгород

Отправлено 27 Июль 2013 - 21:12

Спасибо, :) !
сейчас буду пробовать...

#7 КОЛЯНЫЧ

КОЛЯНЫЧ

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 64 сообщений

Отправлено 22 Сентябрь 2013 - 20:16

Доброго дня! Сделал подобную галерею, НО! Всплывающие окна, просмотр, всё отлично работает! Только открывается параллельно два просмотрщика, при том разные.. Это видно, когда закрываешь фотографию, остается виден ее дубль. В чем у меня проблема?
http://nhleb.storela...ge/Fotogalereya

#8 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 23 Сентябрь 2013 - 10:59

Фторой слайдер у вас открывается nyromodal старый слайдер.
Нужно удалить из исходного кода страницы все коды открывающие страрый слайдер:
onclick="$(this).nyroModalManual();return(false);"





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных