а что значит с "вертикальными"?

вот так

http://f5.s.qip.ru/12ssF4WYZ.png

это фоторама, но старая

Ребят, предположим есть изображение, которое нужно сделать повторяющимся фоном. Его же из спрайта (автоматически сгенерированного) не получиться использовать?

ну я вроде то,что надо привел

Всмысле в любом случае данное изображение в спрайте должно занимать либо всю высоту либо всю ширину?

Ребят, предположим есть изображение, которое нужно сделать повторяющимся фоном. Его же из спрайта (автоматически сгенерированного) не получиться использовать?

если картинку вставлять через background,то указать background-repeat:repeat;

Ну и что если за ней сразу следует другая картинка

в спрайте

так как она у тебя идет в коде? картинки подряд через img?

мало инфы

Нет, есть к прмеру контерйнер на всю ширину экрана и мне нужно ему задать фон повторяющийся. И я так понимаю что из спрайта я это сделать не могу? Потому что там все картинки в куче

так вот я и говорю. сделай через background-image фон, задай нужный тебе размер картинки через background-size и укажи background-repeat:repeat (или repat-x,repeat-y)

зачем вообще спрайт этот?да даже если он есть,там же позиция известна, укажи ее и задай repeat

остальные картинки спрайта не будут появляться (если ты верно укажешь background-zise)

size

Попробую, просто я раньше background-size не использовал, спасибо

А вообще нормальная практика не все изображения в спрайт пихать?

Разумеется я про те которые для оформления используются

ну, как минимум не запихнешь динамические изображения,или svg иконки

при учете,что ты не вставляешь svg как html

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

нафига svg в png конвертить?

весь смысл теряется

svg

и ретина-дисплеи будут недовольны

я может,не понимаю чего)

просто я делаю отдельный свг спрайт

нет, это я скорее не понимаю

и все оформительские свг пихаю туда

я тоже делаю отдельный, просто на всякий случай и такое предусмотрел

иногда беру и те,которым меняю цвет оттуда же

а,ты типа фоллбек делаешь

?

это что )

ну типа,если обосрется ы

свг

и на его место png вставить

не, наверное нет )

хотя мне тяжко представить такую ситуацию

а вспомнил зачем я так делаю

для иконок я генерирую спрайт в котором есть возможность менять им цвет, а еще я предполагаю наличие других свг которые мультицветовые и вот их то я и конвертировал в пнг

то есть у меня одна задача в галп для свг имеет настройку $('[fill]').removeAttr('fill'); а другая нет

одни монохромные а другие нет

отдельные спрайты делать для всех чтоли

посмотри как баду на дестктоп верссии работает с иконками

через <use xlink=#>

это что

я так и делаю

это удобней чем спрайт

эм,так через класс же..можно поменять fill. я собрал свг спрайт из элементов symbol. Вставил на страницу через <svg><use xlink>

и в классе управляю свг свойствами

ежжи)

а ну ок же

да так и есть у меня

а,вот,Narek то же советует

я не увидел

и спрайт новый не нужен

и не факт,что нужна галповая задача

погодите что именно как именно делать, по какому ключу искать?

просто работаешь с одним символом,меняешь классом

а ну так да

Ребятки, кто - нибудь менторством может занимается?

спасибо

http://invato.zzz.com.ua/envato30/img/icons/sprite/sprite.svg

пример моего спрайта

во во у меня так же

ERROR: S client not available

из него беру id и вставляю в нужном месте svg через <svg><use xlink=path#id></svg>

как Narek сказал

и свг присваиваю класс

да все так, просто наверное я что то лишнее с $('[fill]').removeAttr('fill'); заморочился

в нем обращаюсь к свойствам fill,fill-stroke,with и т д

Ребятки, кто - нибудь менторством может занимается?

мне бы тоже не помешало бы) давай вместе делиться знаниями)

две разные задачи сделать в одной есть данная настройка в другой нет

ладно спасибо еще раз, продолжу настройку

я правильно понимаю, что у тебя в спрайте есть клоны символов,но один с fill,а второй нет?

поможет с футером кто нибудь?

у меня есть одна задача, которая делает спрайт с символами со свойством $('[fill]').removeAttr('fill'); а другая задача для мультицветовых вначале оптимизирует, но без свойства $('[fill]').removeAttr('fill');, затем растрирует и собирает png спрайт

подскажите слайдер с вертикальными миниатюрами)

Делал такое на слик, там есть Настройки такие поищи в интернете

Ткните носом, в чём моя ошибка. ПОчему он ровно вставать не хочет

получается icons.svg и sprite.png

то есть png-спрайт содержит только обесцвеченные свгшки,и все?

тогда он не нужен

наоборот

пнг для цветных

в icons.svg обесцвеченые

да не важно)цветом можно управлять через классы

нафига грузить еще спрайт

переложи эту задачу на цсс

лишняя загрузка только имхо

только подключай свг соответствующе на странице

спасибо переделаю

возможно придется чуть переверстать

потому что елс свг подключать через background то вроде цвет недоступен для управления

только размер

Можете подсказать в каких случаях подключать свг через тег свг, а когда можно просто в имг кинуть ? Или свг всегда в тег свг нужно ставить ? И вообще в каких случаях лучше свг юзать ? Не могу понять этого момента

Я тебе скинул ссылку

Спасибо

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

потому, если картинка статикой, то есть она просто контент,без управления свойствами типа цвета и прочим, то можно прям в тег img сунуть, иначе надо подключать как html svg