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

Question

[OldSchoolWeb]

Ссылка на картинку

Всем привет, запутался я что-то, в jquery не очень сильно разбираюсь, подскажите, вот есть информер новостей , как сделать так, чтобы как на картинке выводились тайтлы? Один справа у длиных блоков, у маленьких слева допустим, в общем сделать так, чтобы они сами заполняли блок с картинкой.
Я нашел альтернативу, допустим, если сайт будет на дле, то можно сделать 3 доп. поля и для каждого создать шаблон , а тайтлы сделать как на картинке, но мне кажется, что это не очень правильный выбор хотелось бы, чтобы он в зависимости от размеров картинки подставлял тайтлы

Answer 1

[Stalker_RED]

.teaser {} /* свойства общие для всех тизеров */
.teaser .title {} /* свойства общие для всех тайтлов */

.teaser-big {} /* описываем тизеры разных размеров */
.teaser-middle {}
.teaser-small {}

.teaser-big .title {} /* здесь описываем разные тайтлы */
.teaser-middle .title {}
.teaser-small .title {}

<div class="teasers">
  <div class="teaser teaser-big">
    <img src="/images/big.jpg">
    <span class="title">Hello world</span>
  </div>
</div>

И зачем здесь jQuery? Чтобы рандомно классы расставить?

Comments

[OldSchoolWeb]

Спасибо, уже сам понял