Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как реализовать галерею изображений в нестанартный шаблон DLE?

Как реализовать галерею изображений в нестанартный шаблон DLE?


     12.05.2018    Общие вопросы, Стили (CSS)    157

вопрос
Прошу Вашей помощи со стилями и кодом, как вырвать из стандартного шаблона галерею изображений без xfields

Как реализовать галерею изображений в нестанартный шаблон DLE?



Я вырываю код
<td class="xfields" colspan="2"><div id="xfupload_gallery"><div class="qq-uploader"><div id="uploadedfile_gallery"><div id="xf_fc1414814c95d22c80671660ee3cfbf2" class="uploadedfile"><div class="info">c9f45f8003.jpg</div><div class="uploadimage"><img style="width:auto;height:auto;max-width:100px;max-height:90px;" src="http://l91958rs.bget.ru/uploads/posts/2018-05/1526139259_c9f45f8003.jpg"></div><div class="info"><a href="#" onclick="xfimagegalerydelete_2767cc3ede7592a47bd6657e3799565c('gallery','2018-05/1526139259_c9f45f8003.jpg', 'fc1414814c95d22c80671660ee3cfbf2');return false;">Удалить</a></div></div><div id="xf_cb91b7a31486095d976830b17a02d8e6" class="uploadedfile"><div class="info">dsc00893.jpg</div><div class="uploadimage"><img style="width:auto;height:auto;max-width:100px;max-height:90px;" src="http://l91958rs.bget.ru/uploads/posts/2018-05/1526139295_dsc00893.jpg"></div><div class="info"><a href="#" onclick="xfimagegalerydelete_2767cc3ede7592a47bd6657e3799565c('gallery','2018-05/1526139295_dsc00893.jpg', 'cb91b7a31486095d976830b17a02d8e6');return false;">Удалить</a></div></div><div id="xf_2b0347f0451a135e04323ac526d2067f" class="uploadedfile"><div class="info">dsc00894.jpg</div><div class="uploadimage"><img style="width:auto;height:auto;max-width:100px;max-height:90px;" src="http://l91958rs.bget.ru/uploads/posts/2018-05/1526139336_dsc00894.jpg"></div><div class="info"><a href="#" onclick="xfimagegalerydelete_2767cc3ede7592a47bd6657e3799565c('gallery','2018-05/1526139336_dsc00894.jpg', '2b0347f0451a135e04323ac526d2067f');return false;">Удалить</a></div></div><div id="xf_506869079254cdbda358dee7db58c754" class="uploadedfile"><div class="info">dsc00895.jpg</div><div class="uploadimage"><img style="width:auto;height:auto;max-width:100px;max-height:90px;" src="http://l91958rs.bget.ru/uploads/posts/2018-05/1526139341_dsc00895.jpg"></div><div class="info"><a href="#" onclick="xfimagegalerydelete_2767cc3ede7592a47bd6657e3799565c('gallery','2018-05/1526139341_dsc00895.jpg', '506869079254cdbda358dee7db58c754');return false;">Удалить</a></div></div></div><div class="qq-upload-button btn btn-green bg-teal btn-sm btn-raised" style="width: auto; position: relative; overflow: hidden; direction: ltr;">Загрузить изображения<input multiple="multiple" type="file" name="file" style="position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;"></div><ul class="qq-upload-list" style="display:none;"><li class=" qq-upload-success"><span class="qq-upload-file">c9f45f8003.jpg</span><span class="qq-upload-size" style="display: inline;">89.8kB</span><span class="qq-upload-failed-text">Failed</span></li><li class=" qq-upload-success"><span class="qq-upload-file">DSC00893.JPG</span><span class="qq-upload-size" style="display: inline;">5.8MB</span><span class="qq-upload-failed-text">Failed</span></li><li class=" qq-upload-success"><span class="qq-upload-file">DSC00894.JPG</span><span class="qq-upload-size" style="display: inline;">5.7MB</span><span class="qq-upload-failed-text">Failed</span></li><li class=" qq-upload-success"><span class="qq-upload-file">DSC00895.JPG</span><span class="qq-upload-size" style="display: inline;">5.8MB</span><span class="qq-upload-failed-text">Failed</span></li></ul></div></div><input type="hidden" name="xfield[gallery]" id="xf_gallery" value="2018-05/1526139259_c9f45f8003.jpg,2018-05/1526139295_dsc00893.jpg,2018-05/1526139336_dsc00894.jpg,2018-05/1526139341_dsc00895.jpg">
<script type="text/javascript">
	var maxallowfiles_2767cc3ede7592a47bd6657e3799565c = 0;
	var totaluploaded_2767cc3ede7592a47bd6657e3799565c = 0;
	var totalqueue_2767cc3ede7592a47bd6657e3799565c = 0;
	
	function xfimagegalerydelete_2767cc3ede7592a47bd6657e3799565c ( xfname, xfvalue, id )
	{
		DLEconfirm( 'Вы действительно хотите удалить изображение?', 'Информация', function () {
		
			ShowLoading('');
	
			$.post('engine/ajax/upload.php', { subaction: 'deluploads', user_hash: '28aca947e4c4927d4f63325776c63220c4be3ae9', news_id: '0', author: 'admin', 'images[]' : xfvalue }, function(data){
	
				HideLoading('');
				var str = $('#xf_'+xfname).val();
				var arr = str.split(',');
				if( $.inArray(xfvalue, arr) != -1 ){
					arr.splice( $.inArray(xfvalue, arr), 1 );
				}
				
				if ( arr.length ) {
					$('#xf_'+xfname).val(arr.join(','));
				} else {
					$('#xf_'+xfname).val('');
				}

				$('#xf_'+id).remove();
				totaluploaded_2767cc3ede7592a47bd6657e3799565c --;
				
				$('#xfupload_' + xfname + ' .qq-upload-button, #xfupload_' + xfname + ' .qq-upload-button input').removeAttr('disabled');
			});
			
		} );
		
		return false;

	};
</script>
</td>


Но выходит только так:
Как реализовать галерею изображений в нестанартный шаблон DLE?


Прошу помощи. Подскажите стили и актуальный код галереи.

Ответа пока нет


Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 05.09.2013 alex01011997  Общие вопросы
наверх