Расширение, как и все что видел от Anvar - супер!
Если исходник PNG то создается для превью PNG-24, 80х80 18.92 KB что есть много. По идее надо либо PNG-8 генерировать, либо вообще делать всегда jpeg качество 60-70
Превьюшки можно слегка обесцветить, а при наведении оные будут плавно проявляться в 100% цвет. Для этого:
Открыть:
ext\bb3mobi\imgposts\styles\prosilver\theme\attachstyle.css
1. Найти:
Выделить весь блок и заменить на:
Код: Выделить всё
.scroll-img li {
border: 2px solid #eee;
list-style-type: none;
display: inline-block;
margin: 2px;
/*height: 120px;*/
border-radius: 4px;
box-shadow: 0 0 4px 0 #000000;
opacity:.9;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-box-shadow: 0 0 4px 0 #000000;
-moz-box-shadow: 0 0 4px 0 #000000;
-webkit-filter:grayscale(90%);
-moz-filter:grayscale(90%);
-ms-filter:grayscale(90%);
-o-filter:grayscale(90%);
filter:grayscale(90%);
filter:gray/*IE6-9*/;
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
transition:all .8s
}
2. Найти .scroll-img li:hover, .attach_image:hover, выделить весь блок и заменить на:
Код: Выделить всё
.scroll-img li:hover, .attach_image:hover {
border-color: #f1c410;
-webkit-filter:none;
-moz-filter:none;
-ms-filter:none;
-o-filter:none;
filter:none;
filter:none/*IE6-9*/
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
{