Доброго времени суток)
Есть такие умельцы, кто мог бы немного усовершенствовать имеющийся код смены названий категорий на картинки? Нужно вынести css в коде в css-стиль форума и каждой категории присвоить свой класс, таким образом, каждая категория будет обращаться к своему классу.
На форуме два стиля оформления и хотелось бы разные картинки для категорий. Просто прописать в css каждому свое - нельзя, потому что часть категорий скрыта от гостей и картинки путаются. С этим скриптом все работает, но только с одним стилем оформления.
Заранее спасибо тем, кто попытается)
Код:<script type="text/javascript"><!--Своя картинка в каждую категорию --> $(document).ready(function(){ myarray=new Array( "Информация", "http://.../1.jpg", "Вход", "http://.../2.jpg", "Локация 1", "http://.../3.jpg", "Локация 2", "http://.../4.jpg" //Последний элемент без запятой! ) $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) { for(q=0;q<myarray.length;q++){ var cssObj = { "height":"47px", "background-color": "transparent", "background-image":"url("+myarray[q+1]+")", "background-position":"50% 50%", "background-repeat":"no-repeat" //Последний элемент без запятой! } if($(this).children("span").text()==myarray[q])$(this).css(cssObj); q++} }); }); </script>
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){myarray=new Array(
"Информация", "класс стиля 1",
"Вход", "класс стиля 2",
"Локация 1", "класс стиля 3",
"Локация 2", "класс стиля 4" //Последний элемент без запятой!
)$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){var cssObj = {
"height":"47px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Отредактировано gloom33 (Пн, 8 Дек 2014 01:10:42)
