Question

Здравствуте! Хотелось бы установить этот скрипт http://web-script.ucoz.net/load/slajder_dlja_ucoz/tekstovyj_slajder_na_jquery/10-1-0-66 , но никак не разберусь куда какие коды ставить. Подскажите, пожалуйста. 
Предполагается, что слайдер будет выводиться в Блоге, Каталоге файлов и Каталоге статей примерно в месте, отмеченном на скрине

Answer 1

у вас где надо прописан промо блок. значит в содержимое глобального блока промо вставьте

<div id="text_slide1">Содержимое текстового блока №1</div>
<div id="text_slide2">Содержимое текстового блока №2</div>
<div id="text_slide3">Содержимое текстового блока №3</div>
<div id="text_slide4">Содержимое текстового блока №4</div>
<div id="text_slide5">Содержимое текстового блока №5</div>

далее перед закрывающим боди (смотрите внизу нужного шаблона ) 

 сюда</body> </html>

вставьте скрипт

<script type="text/javascript">  
var text_slide_cur=0;
function showtext_slide(){
  $('#text_slide'+(text_slide_cur+1)).css({opacity: 0}).animate({opacity: 1.0,left: "50px"}, 1000);
  setTimeout(hidetext_slide, 3000);
}
function hidetext_slide(){
  $('#text_slide'+(text_slide_cur+1)).css({opacity: 1}).animate({opacity: 0,left: "-50px"}, 1000,function(){showtext_slide();});
  text_slide_cur=(text_slide_cur+1)%5;
}
$(document).ready(function() {
  showtext_slide();
})
</script>

далее панель управления - дизайн - таблица стилей CSS - в самый низ вставьте

#text_slide1, #text_slide2, #text_slide3, #text_slide4, #text_slide5{
  position: absolute;
  left: 0px;
  opacity:0;
}

Comments

Наверное, я что-то сделала не так - не получилось. Проверьте, пожалуйста. Попыталась поставить  в блог, но текст (просто текст, не в формате слайдера) вылез в новостях.

---

Svetlana Pozdysheva,

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

	<!--U1PROMO1Z-->
	<!--/U1PROMO1Z-->

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

---

webanet,

Кода действительно нет. Его надо поставить на главную страницу блога или страницу материала и комментариев?

---

Svetlana Pozdysheva,

Пробовала прописать код, всё равно не получается. Слайдер отображается только в новостях и только в виде сплошного текста. Что ещё можно сделать? Может не в промо блок надо устанавливать?

	<!--U1PROMO1Z-->
	<!--/U1PROMO1Z-->

---

Svetlana Pozdysheva,

Проверьте глобальный блок на присутствие условия page1 или других условий. Покажите текущий код глобального блока.

---

Yuri_Geruk,

Вот код Промо. Внизу тот самый скрипт, который не работает. И мне до сих пор кажется, что я зря ставлю его именно в блог промо. Потому что в модулях, где мне нужен слайдер (блог, каталог статей и т.д.)  промо не отображается, соответственно и слайдера нет. 

 

    <?if($PAGE_ID$='sitePage1')?>
    <section class="slider">
        <div class="slider-wrapper">
            <div class="slide">
                <div class="photo">
                    <img src="/dizain1807/061330335.jpg" alt="photo">
                </div>
                <div class="text-block">
                    <div>
                        <h1>Форум</h1>
                        <p>Обсуждения книг, рецензии, ангельское творчество, флуд, игры и многое другое.</p>
                            <p>Чувствуй себя как дома!</p>
                        <a href="http://nafretiri.ru/forum/" class="info-btn">Перейти</a>
                    </div>
                </div>
            </div>
            <div class="slide">
                <div class="photo">
                    <img src="/dizain1807/111513-full_angel-wallpapers-hd-background-im.jpg" alt="photo">
                </div>
                <div class="text-block">
                    <div>
                        <h1>Переводы ангелов</h1>
                        <p>Любительские переводы наших Ангелочков.</p>
                           <p>Только для вас!</p>
                        <a href="http://nafretiri.ru/forum/398" class="info-btn">Перейти</a>
                    </div>
                </div>
            </div>
            <div class="slide">
                <div class="photo">
                    <img src="/dizain1807/075521816.jpg" alt="photo">
                </div>
             

продолжение в след. комменте. 

---

Yuri_Geruk,

продолжение кода

 

 

 

  <div class="text-block">
                    <div>
                        <h1>Книжные новинки</h1>
                        <p>Каждый день мы готовим для вас подборку новых книг и новых форматов с ознакомительными фрагментами и информацией, где их можно приобрести по лучшей цене.</p>
<p>Читайте и слушайте первыми!</p>
                        <a href="http://nafretiri.ru/blog/" class="info-btn">Перейти</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="bx-pager">
            <a data-slide-index="0" href=""><img src="/dizain1807/061330335.jpg" /></a>
            <a data-slide-index="1" href=""><img src="/dizain1807/111513-full_angel-wallpapers-hd-background-im.jpg" /></a>
            <a data-slide-index="2" href=""><img src="/dizain1807/075521816.jpg" /></a>
        </div>
    </section>
    <script src="/.s/t/1807/jquery.bxslider.min.js"></script>
    <script>
        $(function () {
            $('.slider-wrapper').bxSlider({
                useCSS: false,
                auto: true,
                autoStart: true,
                nextText: 'keyboard_arrow_right',
                prevText: 'keyboard_arrow_left',
                pagerCustom: '.bx-pager',
                controls: false
            });
        });
    </script>
    <div id="text_slide1">Прочитал книгу - напиши отзыв!</div>
<div id="text_slide2">Хочешь читать наши переводы, набери 10 сообщений на форуме.</div>
<div id="text_slide3">Нам всегда нужны модераторы, переводчики и редакторы переводов. Пиши в тему "Вакансии" на форуме или в ЛС админу.</div>
<div id="text_slide4">Мы рады активным пользователям!</div>
<div id="text_slide5">На нашем форуме множестно интересных тем. Приходи и оставайся!</div><?endif?>
   

 

 

 

 

---

Svetlana Pozdysheva,

Удалите в самом начале код:

<?if($PAGE_ID$='sitePage1')?> 

и если внизу найдете <?endif?> так же удалите.

---

Yuri_Geruk,

Убрала. Но это совершенно точно не то, что мне нужно. Теперь просто появился промо-слайдер во всех модулях. А мне нужен не он (он должен стоять только на главной странице, т.е. в новостях). Мне нужен текстовый слайдер из скрипта, о котором я говорила в первом посте. Текстовый слайдер не работает, не прокручивает варианты текста, как задано, а просто выводит их списком.

---

Svetlana Pozdysheva,

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

	<!--U1PROMO1Z-->
	<!--/U1PROMO1Z-->

---

webanet,

Мне на главной текстовый слайдер не нужен.  Он нужен в Блоге, Каталоге файлов и Каталоге статей , как я писала в первом сообщении.
Теперь, в итоге, я убрала скрипт текстового слайдера из блока "Промо", и вся главная страница полетела к чертям. Как её восстановить? Пропали все блоки справа, не работает родной слайдер изображений. Полная ж... 
 

---

Svetlana Pozdysheva,

не надо выражаться. делайте всегда бекап шаблонов перед любыми рпавками и в один клик легко будет восстановить на момент до правки. съехало все у вас из-за того, что вы не очень внимательно смотрели что сносите. с кодом текстового слайдера вы снесли и загрывающий тег скрипт. выделенное красным добавить. на счет остального написала выше. если у вас нет знаний обратитесь к фрилансерам

---

webanet,

<script>
$(function () {
$('.slider-wrapper').bxSlider({
useCSS: false,
auto: true,
autoStart: true,
nextText: 'keyboard_arrow_right',
prevText: 'keyboard_arrow_left',
pagerCustom: '.bx-pager',
controls: false
});
});
</script>

---

webanet,

Знаете, что, вы мне больше не отвечайте, пожалуйста, на просьбы о помощи. Второй раз уже грубите. Я разве вам грубила? Я вас в чём-то обвиняла или предъявляла претензии? Я прихожу сюда за помощью, потому что, да, у меня не достаточно знаний, чтобы сделать всё самой без ошибок. Но я стараюсь! И уж поверьте, с радостью обратилась бы к фрилансерам (да хоть вам заплатила бы), если была возможность оплатить услуги через вестерн юнион. Я живу не в РФ и не в СНГ, распространённые у вас способы оплаты мне не подходят. Так что выкручиваюсь как могу.
Спасибо, что помогли вернуть главную в нормальный вид.

---

Svetlana Pozdysheva,

читайте внимательно

попробуйте создать новый глобальный блок и туда пропишите текстовый код, прописать код блока в шаблонах под

	<!--U1PROMO1Z-->
	<!--/U1PROMO1Z-->

в глобальный блок можно прописать и скрипт

<script type="text/javascript">  
var text_slide_cur=0;
function showtext_slide(){
  $('#text_slide'+(text_slide_cur+1)).css({opacity: 0}).animate({opacity: 1.0,left: "50px"}, 1000);
  setTimeout(hidetext_slide, 3000);
}
function hidetext_slide(){
  $('#text_slide'+(text_slide_cur+1)).css({opacity: 1}).animate({opacity: 0,left: "-50px"}, 1000,function(){showtext_slide();});
  text_slide_cur=(text_slide_cur+1)%5;
}
$(document).ready(function() {
  showtext_slide();
})
</script>

 

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

---

webanet,

Спасибо! Вопрос закрыт.