Случайные (маркированные) изображения для элементов списка в UL? - PullRequest
2 голосов
/ 14 декабря 2010

У меня есть боковая панель ul li, созданная из сообщений WordPress. Клиент использовал разные изображения для маркера для каждого LI. Вместо ручного добавления отдельного маркера, есть ли способ сделать это, если он выберет из набора, скажем, 10 вариантов?

думал, что функция Jquery? Кто-нибудь когда-нибудь делал это?

БЛАГОДАРЯ

1 Ответ

5 голосов
/ 14 декабря 2010

Возможно что-то вроде следующего:

<style type="text/css">
/* Add the styles here, incrementing the number of each one as you go (then change
   the 3 in the jQuery addClass method so it corresponds with the number of options
   available */
li.bullet-0 { list-style-type: circle; }
li.bullet-1 { list-style-type: disc; }
li.bullet-2 { list-style-type: square; }
</style>
<Script type="text/javascript">
$(document).ready(){
  $('ul > li').each(function(i,e){
    $(this).addClass('bullet-'+(i%3)); // change 3 to number of styles that are above.
  });
});
</script>

Ссылка jsFiddle, чтобы показать, что она применяется: http://www.jsfiddle.net/bradchristie/yxZ4m/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...