Галерея для цмс и блога Lasto

Галерея для цмс и блога Lasto

Нашёл тут один скриптец , такой же дерзкий как бабулька в троллейбусе. Тянет фотографии всей пачкой на страницу , сам делает миниатюры и выстраивает их ровными рядами. Т.е. не надо прописывать каждую фоту по отдельности, достаточно навалить кучку фотографий в папку. Ни каких уменьшенных копий не требуется.

По мере надобности можно добавлять фото в папку и всё, они будут сами добавляться стройными рядами на странице.


Штука будет очень полезна тем, кто регулярно выкладывает свои фотоработы в сеть. Этот скрипт избавит от редактирования страницы, достаточно лить фото на хост и галерея продолжит свой рост вниз страницы самостоятельно. Ещё один момент - в папках не создаётся ни одной миниатюры, их просто нет.

Если хочется выстроить фото в определённом порядке, не вопрос - переименуйте названия фото цифрами по возрастающей и они встанут как надо.

Пример работы на ЦМС Ласто , пример работы на блоге Ласто.
На блоге, вариант №1, выпячивание картинок, это уже дело рук сss, не скрипта.
Можно и другое высоко художественное кино устроить.

Картинки желательно заливать одинаковых размеров или приблизительно одинаковых. Галерея состоящая из разных по размеру фото выглядит менее эстетично.

Пробовал тягать картинки с поддоменов, не хочет. Из своих папок и подапапок показывает без проблем. Не обязательно в корень ставить,можно глубже пихнуть.
Настройки скрипта подписаны внутри, можно регулировать размеры миниатюр и количество столбцов. Для каждой страницы-галереи можно делать свои настройки.

Купить скрипт галереи можно тут.
Похожих скриптов в интернете тьма, но вот как то с желающими переделать скрипт под определённый движок, да чтобы вставлялся с пол тыка, таких мастеров найти сложно.


По поводу выпячивания картинки
Надо добавить в css следующие строчки:


p img {margin:0 10px 2px 0;border:0;}
.postbody img,.postimg img 
{float:left;margin:3px 15px 5px 0; border:0px solid; 
border-color:#131313;
box-shadow: 3px 3px 5px #000;-o-transform:scale(1);
-o-transition-duration: 0.5s;
-webkit-box-shadow: 3px 3px 5px #000;
-webkit-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-box-shadow: 3px 3px 5px #000;
-moz-transform:scale(1);
-moz-transition-duration: 0.5s;
   opacity:0.9;
}
.postbody img:hover, .postimg img:hover{
-webkit-transform:scale(1.2);
-webkit-box-shadow:3px 3px 10px #000;
-moz-transform:scale(1.2);-moz-box-shadow:3px 3px 10px #000;
-o-transform:scale(1.2);box-shadow:3px 3px 10px #000;
 opacity: 1;
}



Чтобы картинка зашевелилась, вставка фото должна быть оформлена вот так:


<div class="postimg"> тут вставляеится картинка div>







Адрес заметки: http://cmsina.ru/post_1424476645.html

11 июня 2015, 22:35
Так уж повелось, что в блоге Ласто картинки в постах заливаются, а что конкретно залито в папку (все фото) не видно. Вот, этот самый скрипт поправит дело, залитые через кнопку в постах фотографии можно посмотреть. Иногда требуется повторное использование фотографии, иногда полезно проверить на дубли. http://cmsina.ru/all-fotoblog.html
Адрес заметки: http://cmsina.ru/post_1424476645.html
Ваш комментарий к статье:
Правила комментирования:



cod


  • Все поля формы обязательны для заполнения.

  • e-mail не публикуется.
  • Содержание комментариев, оставленных на опубликованные материалы, является мнением лиц, их написавших, и не обязано совпадать с мнением Администратора, никоим образом не ответственного за выводы и умозаключения, могущие возникнуть при прочтении комментариев, а также любые версии их истолкования.

  • Однозначно не подлежат публикации комментарии:

  • - содержащие оскорбления любого вида (личного, религиозного, национального...);
  • - включающие неуместные теме поста ссылки, в том числе спамовые;
  • - нарушающие положения законодательства РФ.

  • Факт оформления Вами комментария является безоговорочным принятием этих условий.

^Наверх