вопрос по CSS|JS

Тема в разделе "Веб-дизайн", создана пользователем comeoff44, 10 ноя 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. comeoff44

    comeoff44 Создатель

    Регистр.:
    9 мар 2008
    Сообщения:
    16
    Симпатии:
    0
    как в CSS или JS отразить изображение справа налево? пример: <><>
    < - первое изображение > - второе
    результат: мне нужно на бэкграунд поставить изображение, что бы оно повторялось в таком порядке <><> если у юзера разрешение экрана по горизонтали больше чем 1280

    для наглядности вот пример:
    [​IMG]
     
  2. whitewolff

    whitewolff Лимонадный Джо :)

    Регистр.:
    29 май 2007
    Сообщения:
    168
    Симпатии:
    33
    а что тебе мешает вырезать картинку с зеркальным градиентом(как на том примере как надо), который будет циклически повторяться до усрачки?)
     
  3. noname11

    noname11 Писатель

    Регистр.:
    27 май 2009
    Сообщения:
    3
    Симпатии:
    0
    Надо клонировать 2 картинку на не 1,
     
  4. comeoff44

    comeoff44 Создатель

    Регистр.:
    9 мар 2008
    Сообщения:
    16
    Симпатии:
    0
    Дак в реале то не градиент. градиент я в пример просто привёл. в реале идёт скалистое изображение, в этом вся и проблема.
     
  5. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    А какая разница, градиент или нет? У вас есть две картинки, которые, будучи сложенными вместе, могут тайлиться, так сделайте из них одну, как посоветовал whitewolff.
     
  6. comeoff44

    comeoff44 Создатель

    Регистр.:
    9 мар 2008
    Сообщения:
    16
    Симпатии:
    0
    Блин картинка тяжёлая будет, а так будет грузиться только один кусок и будет повторяться до усрачки пока у юзера экран не закончится, и к тому же если у юзера будет разрешение 1920 по горизонтали тогда что?
     
  7. whitewolff

    whitewolff Лимонадный Джо :)

    Регистр.:
    29 май 2007
    Сообщения:
    168
    Симпатии:
    33
    на верняка не уверен, но имхо JS, который будет подобное делать, будет весить не меньше чем картинка зацикленая
     
  8. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    Кто из нас кого-то не понимает.
    У вас есть одна картинка (в первом своем посте я ошибочно написал, что их у вас две), которая представляет собой половину горного пейзажа. Вам нужно сделать ее фоном страницы или какого-то элемента, но так, чтобы она через раз отображалась зеркально-отраженной по горизонтали, так?
    Т.е., у вас есть: [^_]
    Хотите сделать: [^_][_^][^_][_^]
    Что предлагает whitewolff:
    [^__^][^__^][^__^]
    Анимешники щас набегут, но я не знаю, как нагляднее показать.
    Развернуть картинку средствами css можно, но способ не кроссбраузерный. Средствами javascript наверняка можно, но на поиск решения, которое будет работать во всех браузерах и именно так, как ожидается может уйти масса времени и нервов.
    Для IE можно использовать свойство css filter. Конкретнее: filter: FlipH;.
    Но работать будет только в IE, плюс, нужно еще извращаться, чтобы свойство применялось через раз, короче, все решение только для IE уже потянет на те несколько килобайт, на которые увеличится картинка, если вы ее в два раза увеличите.
     
  9. ptenchik0

    ptenchik0 Писатель

    Регистр.:
    17 окт 2009
    Сообщения:
    2
    Симпатии:
    0
    Что там за картинка такая что она будет много весить? взять 3пкс в высоту и нужную ширину...
     
  10. collapse

    collapse

    Регистр.:
    12 янв 2007
    Сообщения:
    202
    Симпатии:
    62
    я бы в данном случае использовал две картинки в зеркальном отражении, каждая из картинок прилеплена к правому и левому краям соответственно - если страница растягивается, между картинками возникает дырка, залитая цветом. при этом обе картинки для бэка плавно переходя в этот цвет.
    практично, правда, лишь в случае, если центр полностью занят контентом.
     
Статус темы:
Закрыта.