0
Фотогалерея
Автор tatachka, 27 июля 2013 20:35
Сообщений в теме: 7
#1
Отправлено 27 Июль 2013 - 20:35
Подскажите, пожалуйста, как сделать простенькую фотогалерею с изображениями по 3 шт в ряд.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.
#2
Отправлено 27 Июль 2013 - 20:51
tatachka (27 Июль 2013 - 20:35) писал:
Подскажите, пожалуйста, как сделать простенькую фотогалерею с изображениями по 3 шт в ряд.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.
Я создала новую страницу. Вставила на страничке изображения с размерами 200х150, отступы по 3 пт, подключила к ним ссылки на большие изображения. Вроде все устраивает, только почему-то изображения выстраиваются только по 2 в ряд. хотя место вроде еще остается.
Как сделать по 3?
тема сияние.
#3
Отправлено 27 Июль 2013 - 21:03
sengun (27 Июль 2013 - 20:51) писал:
Здравствуйте. Сообщите , пожалуйста, номер вашего аккаунта.
аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...
как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya
#4
Отправлено 27 Июль 2013 - 21:08
tatachka (27 Июль 2013 - 21:03) писал:
аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...
как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya
сейчас я размеры изменила, стало по 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
Отправлено 27 Июль 2013 - 21:10
tatachka (27 Июль 2013 - 21:03) писал:
аккаунт SL-221644
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...
как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya
сейчас я размеры изменила, стало по 3 картинки, но место справа остается некрасиво...
как расположить картинки по всей ширине поля
http://s878027.store...ge/Fotogalereya
измените либо размеры изображений, либо отступы побольше сделать, т.к. само поле, где они располагаются лучше не уменьшать, при переходе на другие страницы это будет выглядеть весьма некрасиво.
Вообще можно использовать следующий код для галереи:
<p><a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img src="ссылка на маленькое изображение" /> </a></p>этот код для одной картинки, соответственно, если Вам нужна еще одна картинка, копируете этот код и вставляете ниже.
Также Вам нужно сделать 2 изображения: в миниатюре и в первоначальном размере. Далее загружайте их в раздел файлы -> копируйте ссылки и вставляйте на нужные месте, указанные в моем коде.
Сейчас они у Вас открываются в новой вкладке, опять же выглядит не очень красиво, поэтому лучше воспользуйтесь моим кодом
#6
Отправлено 27 Июль 2013 - 21:12
Спасибо, !
сейчас буду пробовать...
сейчас буду пробовать...
#7
Отправлено 22 Сентябрь 2013 - 20:16
Доброго дня! Сделал подобную галерею, НО! Всплывающие окна, просмотр, всё отлично работает! Только открывается параллельно два просмотрщика, при том разные.. Это видно, когда закрываешь фотографию, остается виден ее дубль. В чем у меня проблема?
http://nhleb.storela...ge/Fotogalereya
http://nhleb.storela...ge/Fotogalereya
#8
Отправлено 23 Сентябрь 2013 - 10:59
Фторой слайдер у вас открывается nyromodal старый слайдер.
Нужно удалить из исходного кода страницы все коды открывающие страрый слайдер:
Нужно удалить из исходного кода страницы все коды открывающие страрый слайдер:
onclick="$(this).nyroModalManual();return(false);"
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных