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

Статус
В этой теме нельзя размещать новые ответы.
qwerty

qwerty

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

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

<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 появляется как бы окошка тоесть какое то хтмл страница с каким либо сообщением и как бы кнопкой и при этом оба фрейма становятся не активными пока не нажмешь на кномке в этом как бы сообщение.как это реализовано?при помощи стилей и джаваскрита или как?

помогите разобратсья лучше всего с маленькими тестовыми примерчиками.или на примере уже привдеенного кода.
 
В случае с травианом отображаемая картинка устанавливается в css,
через background-image.
 
А картинка x.gif - это всего лишь однопиксельный прозрачный гиф
 
точно.после разбирательства с css стало понятно каким образом это работает. по первой части вопрос закрыт. а вот по второй все еще нет.у кого какие мысли?
 
вот нашел в инете пример, как сделать неактивной страницу.

Код: 
<!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>
 
Просто слой поверх накладывается и ты ни на что не сможешь нажать
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху