Как реализовать эффект рентгена?

[mortosmor]

Здравствуйте.

В веб-программировании я еще нуб, и все-же недавно задался следующим вопросом: каким образом можно реализовать эффект рентгена, как это сделано на главной страничке сайта параллель.юа?

Хотел бы попробовать сделать что-нибудь подобное. Возможно, в более упрощенном виде.

Из более-менее подходящего, в интернете удалось отыскать лишь такое решение.

В принципе оно работоспособно (хотя и с небольшими лагами), но должно же существовать и более изящное решение данной задачи.

Из сопутствующих вопросов: мне пока до конца так и не ясно, каким образом можно сделать точно такой же круг, с помощью которого потом посетитель будет "сканировать" изображение. Как его позиционировать при помощи мышки только в рамках заданной области. Как должны накладываться друг на друга изображения ("кожа" и "скелет") и как верхнее изображение ("кожу") делать лишь частично прозрачным. По маске или же как-то еще.

Я не прошу готовых решений. Если кому-то известны принципы, с помощью которых можно реализовать подобное, пожалуйста, поделитесь ссылками на соответствующие статьи (можно на английском).

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

Буду рад любой помощи или совету.

Спасибо.

[Switch74]

скорее всего здесь javascript canvas

[SelenIT]

Нет там никакого канваса. Обычная элементарщина типа такой, только вместо закругления бордер-радиусом круг сделан нагромождением дивов.