пятница, 24 июня 2011 г.

Пост о рекламном уголке peeldown

Пост о рекламном уголке peeldown

Давно в сети гуляет код "рекламного уголка", так называемый "peel-down". Это когда в углу сайта как бы колеблемая ветром отгибается страничка, по которой так и хочется кликнуть мышкой, чтоб узнать что за ней спрятано. И если вы ещё не знаете как установить Peeldown на свой сайт, то сейчас помогу в этом разобраться.

Скачать надо архив, в котором упакованы скрипт, две картинки и два swf-файла. В скрипте надо поменять свои URL-адреса, мои картинки размерами 500Х500 пикселей (big) и 100Х100 пикселей (smoll) желательно заменить на свои, а swf-файлы изменять не понадобится. В архиве так же пример html-странички (index.html), если не знаете то, как вставлять java-скрипт в страницу.



Сам скрипт выглядит так:

var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://АДРЕС_ССЫЛКИ_ДЛЯ_ПЕРЕХОДА');
jaaspeel.small_path = 'http://адрес_где_лежит_swf-файл/small.swf';
jaaspeel.small_image = escape('http://адрес_где_лежит_маленькая_картинка/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://адрес_где_лежит_swf-файл/large.swf';
jaaspeel.big_image = escape('http://адрес_где_лежит_большая_картинка/big.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
    document.getElementById('jcornerBig').style.top = '0px';
    document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
    document.getElementById("jcornerSmall").style.top = "0px";
    document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();

Скрипт выглядит громоздким из-за того, что в нём соседствуют два flash-элемента. А так - любой школьник справится с установкой peeldown'а на свой блог.

Вопрос на засыпку: кто знает имя за модели, которая выглядывает из-за peeldown'а на этой страничке. Правильно ответившему подарю постовой под этим абзацем.

1 коммент. :

Павел комментирует...

Вот это картинка

Отправить комментарий

Есть мнение, отзыв или предложение - пиши сюда!