Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Сетка изображений

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Сетка изображений

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: оптимизация запросов

Поиск в теме | Версия для печати

Prizma	Отправлено: 06 Ноября, 2016 - 21:24:41
Посетитель Покинул форум Сообщений всего: 463 Дата рег-ции: Июнь 2012 Откуда: Санкт-Петербург Помог: 5 раз(а)	Добрый вечер, хочу изображения шаблона закинуть в один файл, нет ли готовых скриптов для этого? Типа на входе папка изображений. На выходе: одно изображение и css файл с background-position, width и height для каждого изображения Лениво алгоритм оптимального расположения картинок писать, существует готовое решение? может у кого в закладках на гитхабе, название пакета в компосере или как это правильно называется Заранее спасибо.. прикрепил пример обрезанной сетки изображений с одного популярного хостинга Прикреплено изображение

Fart	Отправлено: 07 Ноября, 2016 - 11:13:56
Посетитель Покинул форум Сообщений всего: 324 Дата рег-ции: Июль 2016 Помог: 10 раз(а)	тема спрайтов. в jquery уже есть решения - погугли. есть простенький пример с учетом твоей картинки: Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена var i = new Image(); i.src = "map.png"; var elem = document.getElementById("img"); elem.style.width = "16px"; elem.style.height = "18px"; elem.style.backgroundImage = "url("+i.src+")"; console.log(elem.style); elem.style.backgroundPosition = "0px -28px"; (Добавление) CODE (html): скопировать код в буфер обмена <div id=img></div>

Prizma	Отправлено: 07 Ноября, 2016 - 14:49:42
Посетитель Покинул форум Сообщений всего: 463 Дата рег-ции: Июнь 2012 Откуда: Санкт-Петербург Помог: 5 раз(а)	Fart пишет: тема спрайтов. в jquery уже есть решения - погугли. есть простенький пример с учетом твоей картинки: Видимо мой вопрос не правильно поняли... По поводу примера скажу, что в нём нет смысла т.к. это делается средствами css примерно так: CODE (html): скопировать код в буфер обмена .images{width:16px;height:16px;background-image:url(map.png);} .im-folder{background-position:0 -16px;} .im-file{background-position:0 -32px;} html (pixel.png - однопиксельное прозрачное изображение): <img src="pixel.png" class="images im-folder"> ВОПРОС В ДРУГОМ: у меня есть несколько десятков отдельных изображений, на этапе разработки постоянно появляются новые и т.д. Как мне их можно быстро склеивать в единый спрайт, вот в чем вопрос. Может прога есть какая чтоб папку указать, на выходе склеинный спрайт и map.css, потом попиксельно выискивать где какое изображение заканчивается не особо удобно. Это нужно для оптимизации запросов к серверу... если в шаблоне 50 картинок, то при первой загрузке это 49 лишних запросов, которые можно убрать объединив картинки.

Fart	Отправлено: 07 Ноября, 2016 - 15:05:43
Посетитель Покинул форум Сообщений всего: 324 Дата рег-ции: Июль 2016 Помог: 10 раз(а)	Есть готовые решения склеивания на php , но чтобы записывать координаты , дописать придётся скрипт

Prizma	Отправлено: 07 Ноября, 2016 - 17:05:03
Посетитель Покинул форум Сообщений всего: 463 Дата рег-ции: Июнь 2012 Откуда: Санкт-Петербург Помог: 5 раз(а)	Fart пишет: Есть готовые решения склеивания на php , но чтобы записывать координаты , дописать придётся скрипт можешь скинуть? дописать не проблема, надеюсь решение в пределах 10-20 Кб

armancho7777777	Отправлено: 08 Ноября, 2016 - 01:20:38
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	http://csssprites[dot]org/

Prizma	Отправлено: 08 Ноября, 2016 - 23:56:45
Посетитель Покинул форум Сообщений всего: 463 Дата рег-ции: Июнь 2012 Откуда: Санкт-Петербург Помог: 5 раз(а)	armancho7777777, спасибо то что надо!

LIME	Отправлено: 09 Ноября, 2016 - 00:07:27
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	armancho7777777 ты бох))) (Добавление) Бог спрайтов)) Гы)) (Добавление) Чисто прикололся Забей

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

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