Баннер сайта с слайдером

В общем разобрался как можно это дело оформить. Надо просто отредактировать какой нибудь файл, например index.html и довести до требуемого результата. Затем этот код разместить в модуле Flexi Custom Code в нужной позиции. Вроде так.
А код примерно такой:

Код

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>position</title>
  <link rel="stylesheet" href="http://localhost/modules/mod_slideshowck/assets/camera.css" type="text/css" />
  <style type="text/css">
#camera_wrap_91 .camera_pag_ul li img {width:100px;height:75px;}
  </style>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/core.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/caption.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.min.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.easing.1.3.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.mobile.customized.min.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/camera.min.js" type="text/javascript"></script>
  <script type="text/javascript">
window.addEvent('load', function() {
				new JCaption('img.caption');
			});
  </script>

 </head>
<style>
span.avatar1, span.avatar2, span.avatar3 {
  background: url(banner.jpg) no-repeat 0 0;
  width: 670px;
  height: 320px;
  display: block;
  float: left;
}
 span.avatar2 {background-position: 10 32px;} 
 span.avatar3 {background-position: 152px 0;} 
  </style>
 <body>
 <span class="avatar1">&nbsp;</span> 



<script type="text/javascript"> <!--
       jQuery(function(){
        jQuery('#camera_wrap_91').camera({
                height: '260',
                fx: 'simpleFade',
                loader: 'pie',
                pagination: 0,
                thumbnails: 0,
                time: 7000,
                transPeriod: 1500,
                alignment: 'center',
                autoAdvance: 1,
                mobileAutoAdvance: 1,
                portrait: 1,
                barDirection: 'leftToRight',
                imagePath: 'http://localhost/modules/mod_slideshowck/images/',
                navigationHover: true,
                navigation: true,
                playPause: true,
                barPosition: 'bottom'
        });
}); //--> </script>
<div class="slideshowck camera_wrap camera_amber_skin" id="camera_wrap_91" style="width:370px;">
		<div data-thumb="http://localhost/images/Foto/CIMG0019_280_th.jpg" data-src="http://localhost/images/Foto/CIMG0019_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This is a bridge		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_1629_280_th.jpg" data-src="http://localhost/images/Foto/IMG_1629_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This is a Video slide		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_2903_280_th.jpg" data-src="http://localhost/images/Foto/IMG_2903_280.jpg" >
			</div>
		<div data-thumb="http://localhost/images/Foto/DSC00894_280_th.jpg" data-src="http://localhost/images/Foto/DSC00894_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This slideshow uses the JQuery script from <a href="http://www.pixedelic.com/plugins/camera/">Pixedelic</a>		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_2772_280_th.jpg" data-src="http://localhost/images/Foto/IMG_2772_280.jpg" >
			</div>
		<div data-thumb="http://localhost/images/Foto/P4285362_280_th.jpg" data-src="http://localhost/images/Foto/P4285362_280.jpg" >
			</div>
	</div>
<div style="clear:both;"></div>

</body>
</html>

Может кому-то помогу.
Тема закрыта.

Убрать уровни подкатегорий в меню Автор desaund1	Ответов: 0 Просмотров: 1918	10.08.2017, 22:34:06 от desaund1
Изменить форму на главной ? Автор warlocksp	Ответов: 2 Просмотров: 1786	19.02.2017, 15:44:11 от warlocksp
Дублирование на сайте Автор derenikp	Ответов: 3 Просмотров: 1919	08.01.2017, 17:30:00 от derenikp
Переменная в ссылках.Не выполняется задаm Автор ghostcom	Ответов: 25 Просмотров: 2329	06.09.2016, 17:13:20 от ghostcom
ошибка "File for Model inventory not found" Автор polgrig	Ответов: 0 Просмотров: 1946	05.08.2016, 14:36:02 от polgrig

Баннер сайта с слайдером - Joomla 2.5: Общие вопросы

Новости Joomla

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

👩‍💻 WT LLMs для Joomla: llms.txt, llms.json для AI-агентов.

royun

Баннер сайта с слайдером

royun

Re: Баннер сайта с слайдером

Похожие темы