Представляем новый вариант хак слайд шоу для DLE (слайдер), с такими достоинствами как, простота установки, легкость, удобство просмотра и возможность посмотреть наглядно - демо страницу, как он будет выглядеть в оригинале. Практичный и удобный в использовании для веб-ресурсов недвижимости, интернет магазинов, рекламных агентств, информационных порталов и бизнес компаний.
jQuery слайдер устанавливайте и экспериментируйте. Хаки дле слайд шоу для DLE (слайдер) был разработан для быстрой и тщательной настройки внешнего вида и функциональности сайта, работает при помощи библиотеки Fancybox.
Чтобы слайдер установить на сайт datalife engine
1. добавить файлы из архива
2. нужно скопировать между
<head>ТУТ код </head>этот в main.tpl
<link rel="stylesheet" type="text/css" href="/templates/Default/css/fancybox.css" media="screen" />
<script type="text/javascript" src="/templates/Default/js/js_jquery.js"></script>
<script type="text/javascript" src="/templates/Default/js/core_ajaxconst.php"></script>
<script type="text/javascript" src="/templates/Default/js/jquery.selectbox.js"></script>
<script type="text/javascript" src="/templates/Default/js/js_scripts.js"></script>
<script type="text/javascript">
function setBigImage(foto) {
$("#adpdp14").attr('href', $(foto).parent('.it').children('a').attr('href'));
document.getElementById("dp14").src = foto.src;
}
остальной код между тегом
<body>Тут код в удобное место для вывода слайдера</body>добавляет в main.tpl
<div class="img">
<a href="img/1.jpg" rel="example_group" id="adpdp14">
<img src="img/1.jpg" id="dp14" style="margin-bottom: 3px;" alt="" /></a>
</div>
<div class="thumbs">
<div class="it"><a style="display:none;" href="img/1.jpg" rel="example_group"></a>
<img src="/templates/Default/img/1.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="img/3.jpg" rel="example_group"></a>
<img src="/templates/Default/img/3.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="img/4.jpg" rel="example_group"></a>
<img src="/templates/Default/img/4.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="img/5.jpg" rel="example_group"></a>
<img src="/templates/Default/img/5.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="img/6.jpg" rel="example_group"></a>
<img src="/templates/Default/img/6.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="img/7.jpg" rel="example_group"></a>
<img src="/templates/Default/img/7.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="clr"></div>
</div>В папке img находятся картинки, которые именуются как 1.jpg, 2.jpg .. и т.д.
Автор Пафнутий
Ознакомится с установку в текстовом файле хак слайд шоу для всех версий DLE (слайдер)
Комментарии 4