Озадачился уменьшением веса страницы, стал разбирать что откуда берется и что можно ужать дабы снизить нагрузку на хост и увеличить скорость загрузки. magicthumb - стоял мал, да любил в фоновом режиме грузить все большие картинки, так сказать подготовка для предпросмотра, чтобы пользователь не ждал. Причем если он даже не будет их смотреть, они грузились автоматом.
Уперся в скрипт открытия картинок во всплывающем окне thickbox на jquery.js - 55кб как самый легкий. Пустая страница с 200кб при его подключении сразу выросла на 70кб.(+ стили и js)
Наткнулся и пристроил lightbox.js, который удалось ужать до 7кб. - ощутите разницу!
По порядку:
1. В категории templates создаем папку lightbox так: сайт.ru/templates/lightbox/
2. по ftp грузим содержимое аттача - файлы из распакованной папки.
3. В используемом шаблоне index.php подключаем скрипт - перед </head> добавляем строку:
<script type="text/javascript" src="templates/lightbox/lightbox.js"></script>
4. Лучше иметь один CSS файл для шаблона, нежели два, поэтому в файл стиля шаблона наверное template.css добавляем стили:
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(/templates/lightbox/overlay.png); }
* HTML #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(/templates/lightbox/blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/lightbox/overlay.png", sizingMethod="scale");
}
На этом все!
В материалах превью - основное изображение должно быть прописано так:
<a href="images/stories/большой.jpg" title="Описание будет показано под фото" rel="lightbox"><img src="images/stories/превью.jpg"></a>Ответить на вопросы наверное не смогу, т.к. не программер я .... все работает на локале, скоро перенесу на сайт - необходимо только в материалах заменить стили от предыдущего громоздского скрипта.
В общем - удачи!
Кто силен в jawa - хотелось сделать так, чтобы title="
Описание будет показано под фото" бралось не от большой фотки, а от превью.
lightbox~.js в архиве - с комментариями. Его на сайт грузить не надо. Это оригинал.
[вложение удалено Администратором]
29.03.2019, 19:45:48