Всем привет,
Мне нужно после заголовка h1 в блоке .mess_win добавить html-код
<img src="img/random.png" alt="">
<img src="img/random.png" alt="">
<img src="img/random.png" alt="">
При этом выборка <img src="img/random.png" alt=""> происходит из блока .roulette-1
В скрипте пишу так:
function popUp(){
if(param2.stopImageNumber == param1.stopImageNumber &&
param2.stopImageNumber == param3.stopImageNumber){
var images = $('.roulette-1 > img');
$(".mess_win > h1").after(images[param2.stopImageNumber]);
$('.mess_win').fadeIn(300);
}
}
HTML такой:
<div class="roulette_container" >
<div class="ball"><img src="img/ball.png"/></div>
<div class="stick"><img src="img/stick.png"/></div>
<div class="roulette-1">
<img src="img/star.png"/>
<img src="img/flower.png"/>
<img src="img/coin.png"/>
<img src="img/mshroom.png"/>
<img src="img/chomp.png"/>
<img src="img/random.png"/>
</div>
<div class="roulette-2">
<img src="img/star.png"/>
<img src="img/flower.png"/>
<img src="img/coin.png"/>
<img src="img/mshroom.png"/>
<img src="img/chomp.png"/>
<img src="img/random.png"/>
</div>
<div class="roulette-3">
<img src="img/star.png"/>
<img src="img/flower.png"/>
<img src="img/coin.png"/>
<img src="img/mshroom.png"/>
<img src="img/chomp.png"/>
<img src="img/random.png"/>
</div>
<div class="btn_container">
<p>
<button class="btn btn-large btn-primary start"> START </button>
<button class="btn btn-large btn-danger stop"> STOP </button>
</p>
</div>
</div>
<div class="mess_win">
<h1>Поздравляем!</h1>
<p><strong>Вы выиграли бесплатную доставку от нашей компании!</strong></p>
<p>Для того, чтобы узнать, как Вы можете воспользоваться данным призом, свяжитесь с вашим персональным менеджером.</p>
</div>