@Kooper_pro

Как оптимизировать процесс обновления картинок?

Есть 2 блока (table,apple)
<div class="gen table"></div>	
<div class="gen apple"></div>


стили следующие:

.gen{
	width: 50%;
	height: 50%;
	position: absolute;
}
.table{
	background-image: url("table/1.png");
}
.apple{
	background-image: url("apple/1.png");
}


есть группа кнопок:
<div class="butt">
		<button id="table1"> Стол 1</button>
		<button id="table2"> Стол 2</button>
		<button id="table3"> Стол 3</button>
		<button id="table4"> Стол 4</button>
		<br>
		<br>
		<button id="apple1"> Яблоко 1</button>
		<button id="apple2"> Яблоко 2</button>
		<button id="apple3"> Яблоко 3</button>
		<button id="apple4"> Яблоко 4</button>
</div>


При нажатии на кнопку меняется картинка в div.
$( "#table1" ).click(function() {
	 $( ".table" ).css( "background-image",' url("table/1.png")' );
	});
	$( "#table2" ).click(function() {
	 $( ".table" ).css( "background-image",' url("table/2.png")' );
	});
	$( "#table3" ).click(function() {
	 $( ".table" ).css( "background-image",' url("table/3.png")' );
	});
	$( "#table4" ).click(function() {
	 $( ".table" ).css( "background-image",' url("table/4.png")' );
	});

И аналогично для блока apple. Картинки одинакового размера, с прозрачностью.
ТАк вот как этот процесс оптимизировать, есть кол-во картинок будет слишком много? Вручную прописывать не дело. Мож есть какие фреймворки, плагины?
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 1
@balamyt92
; select * from users; --
Не сильно понятно что именно вы хотите но допустим вот вам пример в образовательных целях
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.