Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Вставка HTML разметки для плагина. (https://javascript.ru/forum/dom-window/43603-vstavka-html-razmetki-dlya-plagina.html)

Draconit 13.12.2013 10:16

Вставка HTML разметки для плагина.
 
Привет!
Для просмотра картинок на сайте, я решил воспользоваться этим плагином
Но картинки хочу подгружать динамически из базы.
Для этого написал ajax запрос:
$.ajax({
url: 'getpic.jsp', //
dataType: 'json',                    
success: function(data) 
{
var htmlins = '<ul>';
$.each(data.items, function() {
htmlins += '<li><a href="#"><img src="image/' + this.src + '" data-large="image/' + this.datalarge + '" alt="' + this.alt + '" data-description=" " /></a></li>';                                
});
htmlins += '</ul>';
document.getElementById('es-carousel').innerHTML = htmlins;
}                                                                                    
});

Скрипт формирует ответ в json формате, который потом парсим для получения html разметки, которая нужна скрипту. Парсим успешно, в переменной htmlins получается нужный мне код, но я видимо его не так вставляю:
document.getElementById('es-carousel').innerHTML = htmlins;
, потому что плагин не видит эту разметку. Думал перегружать плагин после того как вставляю html, но ничего не получилось.
Подскажите как вставить html разметку, которую я получаю, так чтобы плагин ее увидел.

рони 13.12.2013 10:53

Draconit,
а запускать плагин в конце 11 строки непробовали?

Draconit 13.12.2013 17:15

рони,
попробовал, не помогло
Вот html код:
<div class="container">
			<div class="content">				
				<div id="rg-gallery" class="rg-gallery">
					<div class="rg-thumbs">
						<!-- Elastislide Carousel Thumbnail Viewer -->
						<div class="es-carousel-wrapper">
							<div class="es-nav">
								<span class="es-nav-prev">Previous</span>
								<span class="es-nav-next">Next</span>
							</div>
							<div class="es-carousel" id="es-carousel">
                                                            
                                                                   <script>                        
                                                                           //вышенаписанный скрипт                                                             
                                                                    </script>
                                                            
							</div>
						</div>
						<!-- End Elastislide Carousel Thumbnail Viewer -->
					</div><!-- rg-thumbs -->
				</div><!-- rg-gallery -->				
			</div><!-- content -->
		</div><!-- container -->

плагин подключаю после этого кода.
Смотрел через FireBug, код вставляется в нужное место, но плагин как я понимаю его не принимает. Думаю перезапускать плагин после скрипта, но перезапустить его не получается.
Есть еще какие-нибудь варианты?

Draconit 13.12.2013 19:06

Спасибо. Разобрался сам. Внимательнее почитал код плагина. Я его не так перезапускал.


Часовой пояс GMT +3, время: 01:08.