как реализовать select из картинок?

[voodoo]

типо

[klierik]

для решения данной задачи Вам потребуется емулировать селект через фреймворк.

к примеру jQuery

[voodoo]

а можно поподробней про мой случай, а то я не нашёл не чего похожего на мой случай ни здесь jquery.com, ни здесь linkexchanger.su/category/jquery-dokumentaciya ?

[klierik]

Вам надо эмулировать select фреймворком.

как пользоватся им, на уровне начинающего, можете ознакомится тут: http://habrahabr.ru/blogs/jquery/38208/#

[voodoo]

спасибо

[Ruster]

я вот не понимаю зачем вы так любите jQuery, это зло!

то лучше подключать черт знает какие-то модули, загружать еще этот jQuery

или написать полноценный JS ?

я некогда не использую jQuery и не стану использовать, так как я за чистоту кода и за минимализм.

вот написал за минуту HTML и CSS код, ты можешь его под свой дизайн оформить:

<style type="text/css">

img { border: none; }

.ruster
{
	width: 230px;
	height: 400px;
	overflow: auto;
	border: 1px solid #9A9A9A;
	padding: 10px;
}

.ruster img
{
	float: left;
	margin: 8px;
	padding: 2px;

}
.ruster a:hover img
{
	float: left;
	border: 1px solid #3D89A3;
	margin: 7px;
}

</style>


<div class="ruster">

	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>
	<a href="java script:void(0);"><img src="http://ruster.info/templates/i/ruster.png" style="width: 80px; height: 80px;" alt="" /></a>

</div>

и еще дописать JS, там всего пару строк будет, я сам JS не знаю.

[Dimitry Wolotko]

Если не знаете JS - то почему jQ зло?