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

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

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

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


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

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

Пример работы на ЦМС Ласто
Можно и другое высоко художественное кино устроить.
Тройное увеличение больших фотографий при нажатии мышкой..

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

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

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


По поводу выпячивания картинки
Надо добавить в 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://yarik42.ru/cmsina/post_1424476645.html

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



cod


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

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

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

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

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

^Наверх