Как скрипт слайдера Карусель вставить на сайт DLE

Часто при создании сайтов используют разнообразные слайдеры и слайдшоу.

Найти в интернете скрипт не проблема. Вопрос в том, как вставить его на страничку сайта. CMS DLE, в целях безопасности, не даёт возможности вставлять скрипты в новости.  

Ты вставляешь скрипт, сохраняешься, открываешь новость опять, а там все чистенько, все скрипты вычищены.

Конечно, если есть знатоки php, можно открыть файл движка, если не ошибаюсь \engine\classes\parse.class.php и немного его поправить. Но потом можно получить много головной боли. 

Есть способ вставить скрипт слайдера на статическую страницу или даже на новостную станицу не трогая файлы самого движка. 

Итак, для того, чтобы установить вот такой слайдер, который крутится на этой страничке повыше,  нужно выполнить следующие действия.

1. Скачайте необходимые файлы, вернее архив файлов.  

СКАЧАТЬ  jquery_flexislider.rar [139,86 Kb] (cкачиваний: 338)

2. Распакуйте. В архиве три папки и файлик index.html


3. Cопируйте файлы из папок в соответствующие папки вашего шаблона. То есть, картинки к картинкам, скрипты к скриптам, стили к стилям. Кстати, если у вас файл стилей имеет "уникальное" название style.css, не копируйте полностью, а то потрете все свои стили. Просто откройте файл скрипта и скопируйте строчки оттуда в свой файл.

 

4. Cледующим этапом заходим в Админпаниель, находим  пункт меню   Шаблоны сайта, заходим туда. В левом столбике у нас все имеющиеся шаблоны. Вы должны знать, что за вывод полной новости отвечает fullstory.tpl, а за вывод статической страницы static.tpl. Если нам нужен слайдер на статической странице, нужно сделать копию static, ну а если слайдер будет в новости, копию fullstory.

 

5. Дальше все просто. В новый шаблон в нужном месте вставляете строчки из файла index.html, того, который был в архиве скрипта. 

Строчки следующие:

Для подключения библиотеки и самого скрипта:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.flexislider.js" type="text/javascript"></script>

Для подключения картинок:

<div id="imageloader">
 <img src="images/ajax-loader.gif" />
</div>
<img src="images/sample1.jpg" />
<img src="images/sample2.jpg" />
<img src="images/sample3.jpg" />
<img src="images/sample4.jpg" />
<img src="images/sample5.jpg" />
<img src="images/sample6.jpg" />
<img src="images/sample7.jpg" />
<img src="images/sample8.jpg" />
<img src="images/sample9.jpg" />
<img src="images/sample10.jpg" />
<img src="images/sample11.jpg" />
<img src="images/sample12.jpg" />
</div>

6. Осталось разобраться с фотографиями. Конечно же нужно вставить свои вместо sample. Да, кстати, так как фотографии мы скидывали в папку images, которая находится внутри папки шаблона, строчки для вставки картинок будут выглядеть так:

<img src="{THEME}/images/sample1.jpg" />

7. Ну и самое последнее. При написании новости (или статической страницы) не забудьте указать, что у нее новый шаблон. Для статической страницы это указывается сразу же под основным текстом.

 

А для новости придется создать отдельную категорию и задать шаблон fullstory для нее.