Перейти к содержимому

Фото
- - - - -

JavaScript зеркальное отражение картинки


  • Вы не можете создать новую тему
  • Please log in to reply
13 ответов в этой теме

#1 Киря Веб

Киря Веб
  • Пользователь
  • 140 сообщений
  • Откуда:Tallinn, Estonia

Отправлено 31 Январь 2008 - 19:36

Написал скрипт, который из картинки делает её полупорзрачное, зеркальное отражение

пример: http://www.styleforyou.net/mirror/
архив: http://www.stylefory...rror/mirror.zip

В кратце: сначала делаем обьект, и задаём ему параметры

var mirror = new mirrorClass();
			
mirror.blankSrc = "blank.gif"; // адрес к прозрачному гифу размером 1x1 px
			
mirror.imageRotate = true; // переворачивать ли картинку
mirror.imagePercent = 50; // процент зеркально отображаемой картинки
mirror.imageOpacity = 60; // процент начальной прозрачности
			
mirror.gradientRotate = false; // переворачивать ли прозрачность(её направление)

Далее применяем к необходимым картинкам:

Так
<img src="pic.jpg" onload="mirror.set(this)">
или так

mirror.set(document.getElementById("ID картинки"))

Проверено в Opera, IE, Firefox
  • 0

#2 Joker

Joker

    All Rights Reserved

  • Пользователь
  • 231 сообщений

Отправлено 31 Январь 2008 - 19:50

Киря Веб,
Кииии... типо выебнулся...... ? я давно уже это придумал тока никому не говорил =)
  • 0

#3 Киря Веб

Киря Веб
  • Пользователь
  • 140 сообщений
  • Откуда:Tallinn, Estonia

Отправлено 31 Январь 2008 - 19:51

Ну отпишите кто нить что нить :)

Сообщение изменено: Киря Веб (31 Январь 2008 - 21:03 )

  • 0

#4 Joker

Joker

    All Rights Reserved

  • Пользователь
  • 231 сообщений

Отправлено 31 Январь 2008 - 19:55

поцелуй меня в попу ))

мммм сладкая моя попочка

Сообщение изменено: Joker (31 Январь 2008 - 19:56 )

  • 0

#5 Setor

Setor
  • Постоялец
  • 1 890 сообщений
  • Откуда:Эстония, Таллин

Отправлено 31 Январь 2008 - 20:17

Ну отпишите кто нить что нить

И где это можно использовать? :)
  • 0

#6 Joker

Joker

    All Rights Reserved

  • Пользователь
  • 231 сообщений

Отправлено 31 Январь 2008 - 20:20

Киря Веб,
Вот тут Кии и сел в лужу... давайте посмотрим как умно он ответит ! :P
  • 0

#7 Киря Веб

Киря Веб
  • Пользователь
  • 140 сообщений
  • Откуда:Tallinn, Estonia

Отправлено 31 Январь 2008 - 21:00

Setor, это можно использовать в галереях ;) в лентах изображений(новости).

- Вместо того, чтобы в фотошопе извращаться сначала создавая PNG полупрозрачные, потом пытаться нормально заставить их работать во всех браузерах.
- Вместо того, чтобы извращаться с библиотекой GD в PHP автоматизируя первый пункт.

+ расширяет возможности дизайнерам(есть верстальщики говорящие, что это невозможно)

Сообщение изменено: Киря Веб (31 Январь 2008 - 21:07 )

  • 0

#8 zedirtybastard

zedirtybastard
  • Пользователь
  • 499 сообщений

Отправлено 01 Февраль 2008 - 01:09

я бы не стал такое использовать, скрипт, который динамически создает сотню доп. картинок только для того, чтобы отрисовать миррор с опасити - нет уж извольте :) Я пока что еще забочусь о состоянии оперативной памяти своих посетителей.
А вообще, реализовано красиво, зачет! жалко только идея говно и не нова. Вообщем, когда напишешь reflect.js - приходи опять!
  • 0

#9 Lynx

Lynx
  • Пользователь
  • 162 сообщений
  • Откуда:Таллинн

Отправлено 01 Февраль 2008 - 07:18

это можно использовать без твоего разрешения?
  • 0

#10 alenge

alenge

    YARRR!

  • Пользователь
  • 388 сообщений

Отправлено 01 Февраль 2008 - 08:09

это можно использовать без твоего разрешения?


ты его уже спрашиваешь :)
  • 0

#11 Киря Веб

Киря Веб
  • Пользователь
  • 140 сообщений
  • Откуда:Tallinn, Estonia

Отправлено 01 Февраль 2008 - 10:31

Lynx, Да конечно можно.
  • 0

#12 ParadoxL

ParadoxL
  • Постоялец
  • 4 756 сообщений
  • Откуда:Edinburg

Отправлено 01 Февраль 2008 - 10:38

Киря Веб, молодец. :D
  • 0
Victoria nulla est, Quam quae confessos animo quoque subjugat hostes ...
Верю в смерть после жизни, любовь после секса и в крем после бритья ...

#13 Киря Веб

Киря Веб
  • Пользователь
  • 140 сообщений
  • Откуда:Tallinn, Estonia

Отправлено 01 Февраль 2008 - 13:20

Incubo, спасибо )
  • 0

#14 gryn

gryn
  • Пользователь
  • 81 сообщений
  • Откуда:НаРвА или Poison Garden а может я вобще не с этой планеты ?

Отправлено 01 Февраль 2008 - 14:30

Респект ! спосибо !
  • 0