4 229 Скрипты / Other

Эффект стирания картинки с проявлением новой

Эффект стирания картинки с проявлением новой

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

HTML

<div id="container">
    <div id="content">
        <div id="raspadinha">
            <img id="target" />
        </div>
    </div>
</div>

JS

Для реализации нужно подключить в хедере jQuery и файл jquery.scratchie.js
и код:

$(document).ready(function(){
    $('#raspadinha').scratchie({
        target : 'target',
        img : 'prize.jpg',
        imgHeight : 152, // target (prize) img height
        imgWidth : 450, // target (prize) img width
        title : 'Попытайте удачу!',
        fillImg : 'overlay.jpg',
        requireMouseClick : true,
        callback: function(){
            alert('Не повезло');
        }
    });    
    // end of scratchie stuff!
});
Скачать 538Загрузок 71,29 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи