Внешность боя

[SPiRiT]

Привет Народ!Я хочу сделать так чтовы в бою вместо слов например: Ударить в голову был рисунок как в aw-game. Вот скрин:

Пожалуйста скажите как это можно сделать...

 

[STEAM]

img_src= тебе в помощь

 

[VenT]

ну ты даешь, это же просто легко делается.... Заменяешь как сказал Стим img src= и все работает) правда еще надо картинки оттуда стащить))

 

[ALIGARX]

Я думаю просто вывод картинок непоможет, необходимо еще сделать проверки на зафиксировано\незафиксировано.. может даже ява нужна.

 

[STEAM]

в самом скрипте стоят радио или какие там боттомы так вот от них и отталкивайся

 

[SPiRiT]

Я думаю просто вывод картинок непоможет, необходимо еще сделать проверки на зафиксировано\незафиксировано.. может даже ява нужна.

да вот я не хочу чтобы были рисунки...Хочу завиксировано и не завиксировано. Поможете?

 

[Joiner]

Можно просто на фон положить картинку и оставить радио
Тама их поместить по середине и всё...

З.ы У меня так..)

 

[ALIGARX]

в самом скрипте стоят радио или какие там боттомы так вот от них и отталкивайся

Так если использовать простые ратио и имг_скр то получится что-то типа:
( ) |картинка|
(•) |картинка|
( ) |картинка|

А там как я понял сделано сделано на яве, т.е. там нет ратио (точек) и если нажать на определенный сектор то он просто тускнеет или становится отдаленным..
|картинка|
|///////////|
|картинка|

 

[SPiRiT]

ну что нибудь типо такого...Ну что поможете?

 

[ALIGARX]

Можно просто на фон положить картинку и оставить радио
Тама их поместить по середине и всё...

З.ы У меня так..)

Примерчик можно?))

 

[Joiner]

Можно просто на фон положить картинку и оставить радио
Тама их поместить по середине и всё...

З.ы У меня так..)

 

[biohazardhome]

Зделал что то типо этого. Появляется картинка вместо ратио. У меня работает

Было так
<tr><td width=20><input type=radio name=kick value=0 ID=k0></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

Зделал вот так
<tr><td width=20><input type=hidden name=kick value=0 ID=k0><input type='image' src='ваше изо.gif' name='knopka'></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

 

[Joiner]

Зделал что то типо этого. Появляется картинка вместо ратио. У меня работает

Было так
<tr><td width=20><input type=radio name=kick value=0 ID=k0></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

Зделал вот так
<tr><td width=20><input type=hidden name=kick value=0 ID=k0><input type='image' src='ваше изо.gif' name='knopka'></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

А когда нажимаеш оно как то показывается?
Или выделяется?

 

[SPiRiT]

Я ща не успел проверить...Ты лучше проверь....Я так думаю проще будет)))

 

[ALIGARX]

Зделал что то типо этого. Появляется картинка вместо ратио. У меня работает

Было так
<tr><td width=20><input type=radio name=kick value=0 ID=k0></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

Зделал вот так
<tr><td width=20><input type=hidden name=kick value=0 ID=k0><input type='image' src='ваше изо.gif' name='knopka'></td><td valign=center><label class=ch for=k0> Удар в голову</label></td></tr>

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

 

[SPiRiT]

ну если так то кто докончить начатое)?

у меня сборка последняя от алекса про....вот там я прикрутил не работало....

//Stan: редактировать есть кнопка, даблпост.

 

[Joiner]

Вот нашОЛ статейку в инете разберёшься думаю как в игре осуществить...

Идея скрипта очень проста - скрывается сам чекбокс, а лайбел, привязанный к нему (он также реагирует на событие click), оформляется по вашему желанию с помощью CSS. С помощью jQuery динамически добавляется или убирается нужный CSS класс. Красиво!(Пример)

Сам скрипт:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".CheckBoxClass").change(function(){ 
     if($(this).is(":checked")){ 
      $(this).next(" lab el" ).addClass("LabelSelected"); 
     }else{ 
      $(this).next("label").removeClass("LabelSelected"); 
     } 
    }); 
    $(".RadioClass").change(function(){ 
     if($(this).is(":checked")){ 
      $(".RadioSelected:not(:checked)").removeClass("RadioSelected ");   
      $(this).next("label").addClass("RadioSelected"); 
     } 
    });    
}); 
</script>

КОД CSS

   } 
    .LabelSelected{ 
     background: url("Check.png") no-repeat; 
    } 
    .RadioLabelClass{ 
     background: url("RUnCheck.png") no-repeat; 
     padding-left: 30px; 
     padding-top: 3px; 
     margin: 5px; 
     height: 28px;    
     width: 70px; 
     display: block;    
     float: left; 
    } 
    .RadioSelected{ 
     background: url("RCheck.png") no-repeat; 
    }

HTML код:

$<div> 
  <input id="CheckBox1" type="checkbox" class="CheckBoxClass"/> 
  <label id="Label1" for="CheckBox1" class="CheckBoxLabelClass">Checkbox 1</label> 
  <input id="CheckBox2" type="checkbox" class="CheckBoxClass"/> 
  <label id="Label2" for="CheckBox2" class="CheckBoxLabelClass">Checkbox 2</label>  
  </div> 
  <div> 
  <input id="Radio1" type="radio" class="RadioClass" name="group1" > 
  <label id="Label1" for="Radio1" class="RadioLabelClass">Radio 1</label> 
  <input id="Radio2" type="radio" class="RadioClass" name="group1"/> 
  <label id="Label2" for="Radio2" class="RadioLabelClass">Radio 2</label>  
  <input id="Radio3" type="radio" class="RadioClass" name="group1"/> 
  <label id="Label3" for="Radio3" class="RadioLabelClass">Radio 3</label>   
  </div>

Изображения:

http://4user.org/src/css/check/Check.png
http://4user.org/src/css/check/RCheck.png
http://4user.org/src/css/check/RUnCheck.png
http://4user.org/src/css/check/UnCheck.png

НЕ ЗАБЫВАЕМ ПРО СПАСИБО!!! УДАЧИ...