Доброго времени суток, есть такой блок на сайте:
<div id="style-switcher">
<span class="title">Фон сайта</span>
<ul>
<li><a class="bg-switcher" value="1" href="#">1</a></li>
<li><a class="bg-switcher" value="2" href="#">2</a></li>
<li><a class="bg-switcher" value="3" href="#">3</a></li>
<li><a class="bg-switcher" value="4" href="#">4</a></li>
</ul>
</div>
И к нему есть код:
jQuery(document).ready(function(){
$('.bg-switcher').click(
function() {
var bgNumber = $(this).attr("value");
$('body').css("background-image","url(http://render911.ru/textures/floor/floor_"+bgNumber+".jpg)");
});
});
Все работает все классно, но вот как видите ссылка картинки фона ведет на сайт с бесшовными текстурами.
Так вот в коде html 4 кнопки (текстуры), хотелось бы сделать универсально, что бы не добавлять много кнопок, а просто две кнопки "вперед", "назад" ну и что бы номер каждой текстуры выводился.
Так как на том сайте есть текстуры не только ламината, а и другие, хотелось бы сделать еще select с option каждого раздела (ведь ссылки на текстуры прямые, можно этим воспользоваться).