Как это сделано?

Тема в разделе "Другие языки", создана пользователем qwerty, 21 сен 2009.

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

    qwerty Постоялец

    Регистр.:
    10 апр 2006
    Сообщения:
    75
    Симпатии:
    0
    в двух онлайн игрушках наткнулся на две фишки которые хотелось бы понять как это седално и реализовать в своем проекте. перерыл яваскрипты игрушек и хтмл, но разобраться так и не смог поэтому прошу помощи.

    первое в травиане все картинки какие только встречаются закрыты следующим кодом например

    <tdclass="val">


    <imgclass="r4" src="img/x.gif" alt="Зерно" title="Зерно" />



    700



    </td>



    <tdclass="val">



    <imgclass="r1" src="img/x.gif" alt="Древесина" title="Древесина" />



    750



    </td>



    <tdclass="pla" title="Illusion"><ahref="karte.php?d=310629&c=2c">кен3</a></td>

    или таким

    <imgsrc="img/x.gif" class="reslevel rf10 level6" alt="Железный рудник Уровень 6" />


    <imgsrc="img/x.gif" class="reslevel rf11 level6" alt="Железный рудник Уровень 6" />



    <imgsrc="img/x.gif" class="reslevel rf12 level7" alt="Ферма Уровень 7" />



    <imgsrc="img/x.gif" class="reslevel rf13 level7" alt="Ферма Уровень 7" />



    <imgsrc="img/x.gif" class="reslevel rf14 level6" alt="Лесопилка Уровень 6" />



    <imgsrc="img/x.gif" class="reslevel rf15 level6" alt="Ферма Уровень 6" />

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

    вторая фишка встречается много но есть и в том же травиане и еще ряде игрушек.

    есть два фрейма.
    <table cellpadding="5" border="1">
    <tr>
    <tr>
    <td>
    <div><IMG SRC=/images/g.jpg onclick="location.href='/index.php'" ALT="К Карте" width="50" height="70"></div>
    </td>
    </tr>
    <td id="board" width="10%">
    <div style="position:relative;">
    <iframe id="frm1" name="mainFrame" src="list.php" width="220" height="580" frameborder="0" scrolling="no" allowtransparency="true">
    </iframe>
    </div>
    </td>
    <td width="90%">
    <div style="position:relative;">
    <iframe id="frm2" src="quest.php"width="850" height="580" frameborder="1" scrolling="no" allowtransparency="true">
    </iframe>
    </div>
    </td>
    </tr>
    </table>
    когда в frm1 истекает таймер или жмешь на какую нибудь справочную ссылку

    то по верх frm2 появляется как бы окошка тоесть какое то хтмл страница с каким либо сообщением и как бы кнопкой и при этом оба фрейма становятся не активными пока не нажмешь на кномке в этом как бы сообщение.как это реализовано?при помощи стилей и джаваскрита или как?

    помогите разобратсья лучше всего с маленькими тестовыми примерчиками.или на примере уже привдеенного кода.
     
  2. ConstNW

    ConstNW Постоялец

    Регистр.:
    30 июн 2007
    Сообщения:
    132
    Симпатии:
    39
    В случае с травианом отображаемая картинка устанавливается в css,
    через background-image.
     
  3. omfg

    omfg

    Регистр.:
    4 авг 2009
    Сообщения:
    159
    Симпатии:
    46
    А картинка x.gif - это всего лишь однопиксельный прозрачный гиф
     
  4. qwerty

    qwerty Постоялец

    Регистр.:
    10 апр 2006
    Сообщения:
    75
    Симпатии:
    0
    точно.после разбирательства с css стало понятно каким образом это работает. по первой части вопрос закрыт. а вот по второй все еще нет.у кого какие мысли?
     
  5. tostrss

    tostrss

    Регистр.:
    16 окт 2007
    Сообщения:
    771
    Симпатии:
    217
    вот нашел в инете пример, как сделать неактивной страницу.

    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Документ без названия</title>
    <style type="text/css">
    HTML,BODY {height:100%;margin:0; padding:0;}
    #shadow {
       display:none; 
       background: url(http://www.tigir.com/images/grid.gif); 
       position:absolute; 
       top:0; 
       left:0;
       width:100%;
       height:100%;
    }
    </style>
    </head>
    
    <body>
    
    <div style="position:relative;">
        <div style="height:1000px;">
            <button type="button" onclick="document.getElementById('shadow').style.display='block';">Кликни меня</button>
            А это <a href="http://www.tigir.com">ссылка</a> по которой нельзя будет кликнуть после нажатия на кнопку.
        </div>
        <div id="shadow"><h1>ВОТ ТАК</h1></div>
    </div>
    
    </body>
    </html>
    
     
  6. omfg

    omfg

    Регистр.:
    4 авг 2009
    Сообщения:
    159
    Симпатии:
    46
    Просто слой поверх накладывается и ты ни на что не сможешь нажать
     
Статус темы:
Закрыта.