Question

У важаемые подскажите пожалуйста как добавить ещё несколько картинок в слайд шаблона 1221? 

И второй вопрос: по этой ссылке:http://manual.ucoz.net/publ/27-1-0-517, пользователь Inkvizitor поясняет как поменять скорость прокрутки слайдов, 

"Что бы изменить скорость, необходимо удалить из шаблона системный скрипт:  <script src="/.s/t/1221/2.js"></script>

при этом содержимое скрипта, а именно этот текст: 

$(document).ready(function(){ 

//Slider// 
$('.bxslider').bxSlider({ 
auto: true, 
pause: 8000, 
pager: false, 
responsive: false, 

};); 

$('.slide-box').each(function(){ 
var bgImage = $(this).children('img').attr('src'); 

$(this).children('img').hide(); 
$(this).css('background', 'url('+bgImage+')'); 
};); 

$('nav').find('li').has('ul').addClass('has-submenu'); 
$('#show-menu').click(function() { 
$('nav').toggleClass('nav-opened'); 
};); 

};);

 

необходимо сохранить в отдельный файлик, загрузить его на сайт и указать к нему адрес (вместо системного). 

 

     Вот вопрос встал таким образом: в коком виде нужно сохранить этот скрипт, и как потом указать путь к этому файлу? Как загрузить в файловый менеджер я в курсе.

 Заранее благодарю за оказанную помощь!

Answer 1

1. Перейдя у управление дизайном - http://aquadom.ucoz.org/panel/?a=tmpl в шаблоне любой из страниц контентных модулей(если у вас установлен шаблон 1221) вы найдете следующий код:

<?if($URI_ID$="page1")?>
 <div class="slider">
 <div class="slider-border">
 <ul class="bxslider">
 <li>
 <div class="slide-box">
 <h1><strong>Best photo</strong> of the month</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 <img src="/.s/t/1221/3.jpg" alt="" />
 <div class="sub-info"><span></span>14.01.2013</div>
 </div>
 </li>
 <li>
 <div class="slide-box">
 <h1><strong>Best photo</strong> of the month</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 <img src="/.s/t/1221/4.jpg" alt="" />
 <div class="sub-info"><span></span>23.10.2013</div>
 </div>
 </li>
 </ul>
 </div>
 </div>
 <?endif?>

как видим, каждый новый слайд состоит из кода:

 <li>
 <div class="slide-box">
 <h1><strong>Best photo</strong> of the month</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 <img src="/.s/t/1221/3.jpg" alt="" />
 <div class="sub-info"><span></span>14.01.2013</div>
 </div>
 </li>

соответственно чтобы добавить дополнительные слайды, добавляем данный код столько раз сколько вам нужно слайдов, после окончания другого слайда выше кодом:

 </div>
 </li>

вот так вы легко дополните слайдер столькими слайдами сколько вам потребуется.

2. Как было выше верно замечено, скрипт - http://ups.clan.su/.s/t/1221/2.js нужно загрузить в файловый менеджер.

Переходим по адресу - http://aquadom.ucoz.org/panel/?a=fm далее загружаем скрипт:

 

как показано на скриншотах, загрузили мы скрипт, далее напротив скрипта жмем на иконку в виде ключика и скрипт откроется на редактирование.

После как отмечено, в параметр - pause: 8000,  скорость можно изменить регулируя цифру 8000 на нужную вам, увеличивая, делаем скорость промотки дольше, уменьшая, делаем скорость промотки быстрей.

После как произведете все необходимые правки, жмем кнопку - Сохранить. После напротив скрипта жмем на иконку в виде буквы i, далее копируем ссылку на скрипт. После в шаблоне вместо ссылки /.s/t/1221/2.js прописываем свою.

Answer 2

Содержимое, которое вам дали вставьте в блокнот, сохраните, затем переименуйте его допустим в "slider" и поменяйте расширение файла txt на js, получится slider.js, залейте его в свой файловый менеджер. Затем вставьте этот код <script src="http://aquadom.ucoz.org/slider.js"></script> вместо этого <script src="/.s/t/1221/2.js"></script> в шаблоне страницы сайта

Добавлять фото и менять их.  Создайте картинки нужных размеров (1050х310), загрузите в файловый менеджер. 
Панель управления - Дизайн - Управление дизайном (шаблоны) 
Откройте шаблон "Страницы сайта" и замените стандартные картинки на свои. 

<li>
 <div class="slide-box">
 <h1><strong>Best photo</strong> of the month</h1>
 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 <img src="ссылка на вашу картинку" alt="" />
 <div class="sub-info"><span></span>14.01.2013</div>
 </div>
 </li>
Код слайдера находится между тегами <middle>

 

Comments

Огромнейшее спасибо за пояснение!!! А на первую часть вопроса сможете подсказать, что мне делать?     "как добавить ещё несколько картинок в слайд шаблона 1221? "

---

Юрий Подчезерцев,

я же ответил)