Selector изображений
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
Selector изображений - 2011-02-08 21:49:01.263333
|
|
|
Fliridicter
Сообщений: 34
Оценки: 0
Присоединился: 2011-01-04 12:28:36.730000
|
Всем привет!
Есть такой код:
<input type='radio' name="img" value="1"><img src="1">
<input type='radio' name="img" value="2"><img src="2">
<input type='radio' name="img" value="3"><img src="3">
<input type='radio' name="img" value="4"><img src="4"> Как можно сделать, чтобы небыло этого radio "кружочка" для выбора изображения, а просто выбранное изображение выделялось рамкой? Заранее спасибо!
|
|
|
|
|
RE: Selector изображений - 2011-02-09 21:44:29.206666
|
|
|
Fliridicter
Сообщений: 34
Оценки: 0
Присоединился: 2011-01-04 12:28:36.730000
|
Ну что никто не знает?
|
|
|
|
|
RE: Selector изображений - 2011-02-10 15:44:16.670000
|
|
|
Pupkin-Zade
Сообщений: 9398
Оценки: 1489
Присоединился: 2004-03-10 13:54:16
|
CSS = list-style: none;
|
|
|
|
|
RE: Selector изображений - 2011-02-11 18:08:13.413333
|
|
|
Fliridicter
Сообщений: 34
Оценки: 0
Присоединился: 2011-01-04 12:28:36.730000
|
Не то! list-style: none; не работает
|
|
|
|
|
RE: Selector изображений - 2011-02-11 20:04:20.990000
|
|
|
DEH
Сообщений: 195
Оценки: 0
Присоединился: 2007-01-13 22:27:31.370000
|
А для какого селектора вы пробуете этот стиль?
Попробуйте list-style-type: none, но вообще это не принципиально.
Какой браузер? Хотя, должно работать во всех.
Каким поиском пользуетесь?
Спасибо.
|
|
|
|
|
RE: Selector изображений - 2011-02-12 02:15:54.670000
|
|
|
Agent Smith
Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333
|
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function (){
$(".img_selector").click(function (){
$(".img_selector").css("border", "none");
$(this).css("border", "1px solid red");
$("img_hiden").attr("value",$(this).attr("alt"));
});
});
</script>
<img src="1" alt="1" class="img_selector">
<img src="2" alt="2" class="img_selector">
<img src="3" alt="3" class="img_selector">
<img src="4" alt="4" class="img_selector">
<input type='hidden' name="img" value="1" id="img_hiden">
//Учи Jquery или для начала Javascript
|
|
|
|
|
RE: Selector изображений - 2011-02-21 02:16:20.720000
|
|
|
sylord
Сообщений: 7
Оценки: 0
Присоединился: 2011-02-21 00:23:08.830000
|
Для IE9+ и браузеров
<style>
.img__container label{display:block;float:left;margin-left:5px;}
.img__container input{display:none;}
.img__container img{border:2px solid #fff;}
.img__container input:checked ~ img{border:2px solid #800000;}
</style>
<div class="img__container">
<label><input type="radio" name="img" value="1" /><img src="1.jpg" /></label>
<label><input type="radio" name="img" value="2" /><img src="1.jpg" /></label>
</div>
|
|
|
|
|
RE: Selector изображений - 2011-03-05 21:13:44.060000
|
|
|
_b1
Сообщений: 6
Оценки: 0
Присоединился: 2011-03-04 22:13:55.303333
|
[humor]
черд, у меня IE10 не отрабатывает…
[/humor]
подскажите, что за ~ у вас в css?
по теме: radio стоит оставить для отключенного JS, если форма стоит, то можно всеравно отправить данные на сервер
<label for="label_id1"><input type='radio' name="img" value="1" id="label_id1"><img src="1"></label>
<label for="label_id2"><input type='radio' name="img" value="2" id="label_id2"><img src="2"></label>
JS сейчас писать впадло
|
|
|
|
|
RE: Selector изображений - 2011-03-06 00:39:30.790000
|
|
|
sylord
Сообщений: 7
Оценки: 0
Присоединился: 2011-02-21 00:23:08.830000
|
~ это CSS3 псевдоселектор, и значит: если чекбокс отмечен то следующий элемент за ним с бордером
http://www.quirksmode.org/css/selector_sibling.html
input:checked не работает в хроме но в хроме работает input[checked="checked"]
|
|
|
|
|
RE: Selector изображений - 2011-03-06 20:07:45.810000
|
|
|
Agent Smith
Сообщений: 976
Оценки: 0
Присоединился: 2007-04-10 21:56:49.593333
|
quote:
ORIGINAL: _b1
подскажите, что за ~ у вас в css?
Это парень просто хотел выпендрется. А лично не советую использовать, так как в эксплорере 8 и ниже оно не будет поддерживаться.
|
|
|
|
|
RE: Selector изображений - 2011-04-01 11:30:19.533333
|
|
|
organizeit
Сообщений: 26
Оценки: 0
Присоединился: 2011-03-30 17:04:03.143333
|
а по умнее ничего не мог придумать
|
|
|
|
|
|
