Search the Community

Мб кто-то ради личного опыта сверстает мне галерею как на картинке: https://cloud.mail.ru/public/1idM/BUuGZ8T72 Картинки порезаные: https://cloud.mail.ru/public/MhYY/7pnLJiLUC Требуется на флексах и адаптивно. Я так и не смог это сделать.

Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js

Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.

Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html

Вот есть сайт, http://www.elliotterwitt.com/ http://www.elliotterwitt.com/lang/en/index.html Можно ли реализовать такой вариант галереи на WordPress, может кто то уже делал похоже. Может есть плагин схожий? Или скрипт такой галереи.

Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;}.iosSlider .slider .item img { width: 100%; height: auto; float: left;}На моём сайте вот так: http://www.radosvet.ru/portfolio/margarita-portret/ Код я немного изменил, добавив max-height: 600px: /* =iosSlider max-height: 600px;----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible; max-height: 600px;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible; max-height: 600px;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto; max-height: 600px;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;max-height: 600px;}.iosSlider .slider .item img { width: auto; height: auto; float: left; max-height: 600px; max-width: 100%;}В итоге вроде получилось то что мне нужно, но проблема в том, что при уменьшении окна вертикльные кадры "обрезаются" снизу. Я ещё дописал, добавив min-height: 600px;: ----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible; max-height: 600px; min-height: 600px;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible; max-height: 600px; min-height: 600px;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto; max-height: 600px; min-height: 600px;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;max-height: 600px;}.iosSlider .slider .item img { width: auto; height: auto; float: left; max-height: 600px; max-width: 100%;}Теперь почти всё так, как мне нравится. Но параметр максимальной высоты не позволяет адаптивному дизайну быть на 100% рабочим. Например, при сужении окна по высоте картинка на экран не помещается. А в мобильных браузерах вообще всё как-то странно смотрится В Firefox android при пролистывании далее картинки уменьшились, в Хроме просто лента из картинок вниз (хотя этотвариант меня устраивает). Я бы хотел, чтобы всё это было красиво на всех устройствах, но не знаю как настроить контейнер и картинки. Помогите, пожалуйста, что можно добавить или изменить?

Здравствуйте ! Нуждаюсь в помощи, опытных товарищей. При клике на любое фото (сертификатов или домов), перекидывает на блок "Наши Дома", то есть приходится крутить мышью обратно чтобы снова её открыть. Мое предположение, что это из-за конфликта .js или стоит basic href="#". Менять галерею очень не хочется . http://shure-kryg.ru/dom_za_mounth/

Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/

Здравствуйте, форумчане. Я хочу сделать галерейку, похожую как в ВК. Вот что у меня получилось http://jsfiddle.net/G6JeH/ Но мне бы хотелось чтобы после первых двух фотографий дальше фотки шли в ряд и с каждой добавленной фотографией уменьшались, вот так: ,но как это сделать не знаю. Не хочется подключать какие то библиотеки для этого. Дайте направление в какую сторону двигаться Спасибо

Доброе утро! Нашел очень простую для установки галерею http://ruseller.com/lessons.php?rub_id=32&id=389 Все настроил как хотел!. Кроме того, что не знаю как сделать так что бы при открытии фотки к ней внизу была подпись.... К каждой фотке своя подпись

Доброго времени суток, уважаемые форумчане! Подскажите пожалуста какую-нибудь галерею наподобие Fancybox, чтобы можно было листать увеличенные изображения и чтобы дополнительно скроллились миниатюры. Прикрепил скриншот, чтобы было понятнее. Т.е. я кликаю на эти мелкие фото, выскакивают большие, которые тоже листаются и параллельно должны листаться уменьшенные. Спасибо!

Вот в чем проблема: есть скрипт галереи с разбивкой на страницы. Разбивает по 8 фотографий на 1 страницу. Но после 6 страницы не показывает фотографии. Не знаю как это исправить. Буду очень признателен, если кто-то поможет. Вот код списка фотографий: <div id="allItems">Количество товаров:<span class="productsCount">0</span></div> <div id="fullImage"> </div> <ul id="gallery-list"> <li><img src="images/1.jpg" style="width: 239px; height: 305px;" /><span class="description">Название1</span></li> <li><img src="images/2.jpg" style="width: 239px; height: 305px;" /><span class="description">Название2</span></li> <li><img src="images/3.jpg" style="width: 239px; height: 305px;" /><span class="description">Название3</span></li> <li><img src="images/4.jpg" style="width: 239px; height: 305px;" /><span class="description">Название4</span></li> <li><img src="images/5.jpg" style="width: 239px; height: 305px;" /><span class="description">Название5</span></li> </ul> <div class="pagination"> <div class="links"> </div> </div> Вот ссылка на скрипт: http://alexstepanow.ho.ua/js/gallery.js Вот ссылка на "рабочий" код и скрипт: http://www.fabrikafutbolok.com/gallery

Всем привет! Только недавно попробовал хоть чуть-чуть освоить Javascript в результате чего родил вот такой вот сайт: http://www.gvadesign.ru С горем пополам подключил туда два плагина. Один - не безызвестный PrettyPhoto (по нажатии на блок, тот разворачевается во всплывающем окне) и второй - сортировку работ (вот плагин: http://codecanyon.ne...-plugin/2669205) И вот, собственно, затык. Как вы можете наблюдать на сайте, когда нажимаем на одну из работ, срабатывает PrettyPhoto и картинка раскрывается во всплывающем окне. Но если воспользуемся фильтром (нажмите, например, "графический дизайн"), PrettyPhoto работать перестанет и работа окроется в своем окне (в случае, например, ссылки на YouTube (в разделе "Видео") произойдет переход на сам портал) Как сделать так, чтоб скрипт с PrettyPhoto отрабатывал нормально как до фильтра, так и после? Учитывая, что я с диким скрипом вообще их еле-еле запихал, то с этой проблемой даж не пойму, где концы искать...