Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не работает встроенный слайдер после смены темы WP

Здравствуйте, уважаемые форумчане!
Прошу совета на предмет, как решить следующую проблему. Поменял на Вордпресс. Все бы хорошо, да вот только встроенный слайдер не работает. Фото последних материалов необходимой рубрики (отмеченной в админке) не отображается. Точнее, видно только одно фото (последней статьи), а сквозь него, такое чувство, проступает слабо следующая картинка/и. Словом, слайдер словно завис. Посему, прошу советы, как устранить это недоразумение.

Фаербаг находит две такие ошибки:
Uncaught TypeError: jQuery(...).superfish is not a function
Uncaught TypeError: jQuery(...).cycle is not a function

Фрагмент кода, где фиксируется первая:
jQuery.noConflict();
jQuery(function(){
jQuery('ul.navi-primary').superfish({
animation: {height:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

jQuery(function(){
jQuery('ul.navi-secondary').superfish({
animation: {height:'show'},
autoArrows: true,
dropShadows: false,
speed: 200,
delay: 800
});
});

Вторая:
<script>
jQuery(document).ready(function() {
jQuery('.featured-post-slides').cycle({
fx: 'scrollHorz',
timeout: 4000,
delay: 0,
speed: 400,
next: '.featured-post-next',
prev: '.featured-post-prev',
pager: '.featured-post-pager',
continuous: 0,
sync: 1,
pause: 1,
pauseOnPagerHover: 1,
cleartype: true,
cleartypeNoBg: true
});
});
</script>

Заранее приношу свои извинения, если как-то некорректно описал свою проблему и если не указал всей нужной информации для содействия в ее решении. Все, что нужно, предоставлю. Знать бы только что...
Не волшебник - только учусь.))
Спасибо за ответ!

С уважением.
Ответ: Более не актуально. Решил сам методом вычитки кода похожего шаблона того же издателя. Спасибо.
Вопрос: После смены темы пропала форма для комментариев

Здравствуйте! Помогите разобраться с кодами. У меня сайт на WordPress. После смены темы пропала форма для комментариев внизу страницы отзывов. Ковырял файлы темы single.php и page.php. Теперь форма для комментариев отображается в Мозилле, но не отображается в Гугл Хроме и Опере. В исходном коде страницы есть какие-то ошибки, но я не понимаю что именно нужно исправить. . . Кэш чистил, расшырения отключал,настройки браузера сбрасывал, пробывал на разных компах . . . Проблема остается прежней. Ссылка на проблемную страницу -
Ответ: Pepeka, спасибо Вам за помощь, но кажется, моя проблема решена! )) Мне посоветовали заменить comments_template() на comment_form() и все заработало! )) Единственное, что в Мозилле почему-то внизу страницы еще одна форма комментариев выводится, но в Хроме, Опере и Internet explorer все хорошо! )) Еще раз спасибо Вам!
Вопрос: Не работает встроенный слайдер

Здравствуйте, уважаемые форумчане!
Прошу помощи на предмет, как решить следующую проблему. Поменял шаблон. Все бы хорошо, да вот только встроенный слайдер не работает. Фото последних материалов необходимой рубрики (отмеченной в админке) не отображается. Точнее, видно только одно фото (последней статьи), а сквозь него, такое чувство, проступает слабо следующая картинка/и. Словом, слайдер словно завис. Посему, прошу советы, как устранить это недоразумение.

Заранее приношу свои извинения, если как-то некорректно описал свою проблему и если не указал всей нужной информации для содействия в ее решении. Все, что нужно, предоставлю. Знать бы только что...
Не волшебник - только учусь.))
Спасибо за ответ!

С уважением.

Добавлено через 16 часов 1 минуту
Собственно, сам сайт -
Ответ: hardwaremaster,
Спасибо, сейчас буду смотреть и разбираться, пытаясь хотя бы чуточку повысить свой статус мегачайника.))

Добавлено через 10 часов 42 минуты
Пока ничего не получается... Вроде нашел в Сети объяснение похожей проблемы, но "на мне" не сработало.((
На всякий случай выложу скрипт слайдера из featured.php:

Код Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
jQuery(document).ready(function() {
    jQuery('.featured-post-slides').cycle({ // первая ошибка
        fx: 'scrollHorz',
        timeout: 4000,
        delay: 0,
        speed: 400,
        next: '.featured-post-next',
        prev: '.featured-post-prev',
        pager: '.featured-post-pager',
        continuous: 0,
        sync: 1,
        pause: 1,
        pauseOnPagerHover: 1,
        cleartype: true,
        cleartypeNoBg: true
    });
 });
</script>
Буду премного благодарен, если кто-то что-то заметит и подскажет. Или где еще смотреть...

Добавлено через 19 часов 13 минут
Вторая ошибка значится в следующем фрагменте кода:

Код Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
jQuery.noConflict();
jQuery(function(){ 
jQuery('ul.navi-primary').superfish({ // <---
animation: {height:'show'},
autoArrows:  true,
               dropShadows: false, 
               speed: 200,
               delay: 800
               });
           });
 
jQuery(function(){ 
jQuery('ul.navi-secondary').superfish({ 
animation: {height:'show'},
autoArrows:  true,
               dropShadows: false, 
               speed: 200,
               delay: 800
               });
           });
Добавлено через 19 часов 9 минут
Более не актуально. Решил сам методом вычитки кода похожего шаблона того же издателя. Спасибо.
Вопрос: Мигают все слайдеры при смены блока

Здравствуйте, есть сайт - Не реклама , он мой, вот на главной сразу виден слайдер, при смене блоков, он мигает, либо же тупит и картинки подвисают, почему так и как это можно исправить?
Там в коде 2 варианта мною сделанных.
Ответ: DemiuS,
их надо поменять местами
Вопрос: Не работает автопрокрутка слайдера

Добрый день, подскажите, в чем может быть проблема.
Есть скрипт слайдера
$(document).ready(function(){
 function htmSlider(){
  /* Зададим следующие параметры */
  /* обертка слайдера */
  var slideWrap = jQuery('.slide-wrap');
  /* кнопки вперед/назад и старт/пауза */
  var nextLink = jQuery('.next-slide');
  var prevLink = jQuery('.prev-slide');
  var playLink = jQuery('.auto');
  /* Проверка на анимацию */
  var is_animate = true;
  /* ширина слайда с отступами */
  var slideWidth = jQuery('.slide-item-rot').outerWidth();
  /* смещение слайдера */
  var scrollSlider = slideWrap.position().left - slideWidth;
        
  /* Клик по ссылке на следующий слайд */
  nextLink.click(function(){
   if(!slideWrap.is(':animated')) {
    slideWrap.animate({left: scrollSlider}, 500, function(){
     slideWrap
      .find('.slide-item-rot:first')
      .appendTo(slideWrap)
      .parent()
      .css({'left': 0});
    });
   }
  });

  /* Клик по ссылке на предыдующий слайд */
  prevLink.click(function(){
   if(!slideWrap.is(':animated')) {
    slideWrap
     .css({'left': scrollSlider})
     .find('.slide-item-rot:last')
     .prependTo(slideWrap)
     .parent()
     .animate({left: 0}, 500);
   }
  });
        
  /* Функция автоматической прокрутки слайдера */
  function autoplay(){
   if(!is_animate){
    is_animate = true;
    slideWrap.animate({left: scrollSlider}, 500, function(){
     slideWrap
      .find('.slide-item-rot:first')
      .appendTo(slideWrap)
      .parent()
      .css({'left': 0});
     is_animate = false;
    });
   }
  }
        
  /* Клики по ссылкам старт/пауза */
  playLink.click(function(){
   if(playLink.hasClass('play')){
    /* Изменяем клас у кнопки на клас паузы */
    playLink.removeClass('play').addClass('pause');
    /* Добавляем кнопкам вперед/назад клас который их скрывает */
    jQuery('.navy').addClass('disable');
    /* Инициализируем функцию autoplay() через переменную
       чтобы потом можно было ее отключить
    */
    timer = setInterval(autoplay, 1000);
   } else {
    playLink.removeClass('pause').addClass('play');
    /* показываем кнопки вперед/назад */
    jQuery('.navy').removeClass('disable');
    /* Отключаем функцию autoplay() */
    clearInterval(timer);
   }
  });

 }


Все отлично работает, кроме автопрокрутки. может быть, кто-то своим профессиональным взглядом сможет посмотреть, что не так?
Спасибо!

P.S. Возможно, с темой промахнулся. Прошу модератора исправить мою оплошность
Ответ: Alexbelkevich,
пост 6 работает?
Вопрос: Не работает script слайдер карусель, почему?

html код
Код HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<title> Dream-mam - Беременность, Роды, Ребенок, Дети, Семья</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Информация о воспитании детей, интересные статьи для будущих мам, детское меню и первый прикорм ">
<script type="text/javascript">
$(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,3]
 
  });
 
});</script>
</head>
<body>
<div id="owl-demo">
          
  <div class="item"><img height="220" src="cooks/01.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/02.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/03.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/04.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/05.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/06.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/07.jpg" alt="Owl Image"></div>
  <div class="item"><img height="220" src="cooks/08.jpg" alt="Owl Image"></div>
 
</div></body>
css код
Код CSS
1
2
3
4
5
6
7
8
#owl-demo 
{margin-top:200px;
position:absolute;
height: 220px;
width:880px;}
.item img{
  display: block;
}
Слайдер должен быть горизонтальным и показывать 4 фото, потом следующие 4 фото, а он показывает сразу все. Скрипт не работает. А еще слайдер располагается вертикально, а не горизонтально, как должен быть.
Ответ: а как его подключить?

Добавлено через 6 часов 59 минут
разобралась, скачала другой слайдер)
Вопрос: Перестают работать методы audio после подгрузки AJAX

В результате работы живого поиска AJAX'ом подгружаются результаты:
Код Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function() {
   $('#search').keyup(function(e){
     var search = $('#search').val();
     $.ajax({
       type: "POST",
       url: "/music_search.php",
       data: {"search": search},
       cache: false,                                 
       success: function(response){
          $('.musics').html(response);
          setDur();
       }
     });
     return false;
   });
});
Обработка запроса:
Код PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?php
    header("Content-type: text/html; charset=utf-8");
    $search = $_POST['search'];
    $search = addslashes($search);
    $search = htmlspecialchars($search);
    $search = stripslashes($search);
    $db = mysql_connect('localhost','root','');
    mysql_select_db('laz', $db);                
    $query = mysql_query("SELECT * FROM music WHERE Name LIKE '%$search%'", $db);
    if(mysql_num_rows($query) > 0){
        $sql = mysql_fetch_array($query);
        do {
            echo "<li class='transp_block'>
                            <p class='music_img'><img src='music_img/".$sql['Img']."' alt='' /></p>
                            <div class='music'>
                                <strong>".$sql['Name']."</strong><br />
                                ".$sql['Artist']."
                                <audio>
                                    <source src='/music/".$sql['MP3'].".mp3' />
                                    <source src='/music/".$sql['MP3'].".ogg' />
                                </audio>
                                <span class='music_time'>0:00</span>                                
                                <div class='music_linebox'>
                                    <div class='music_line'></div>
                                    <div class='music_progress'></div>
                                </div>                              
                                <div class='music_control'></div>
                                <a href='/music/".$sql['MP3'].".mp3' class='save_music'> </a>
                            </div>
                            <p class='music_album'>".$sql['Album']."</p>
                            <div class='clr'></div>
                        </li>";
        } while($sql = mysql_fetch_array($query));
    }
?>
Всё работает отлично, все объекты подгружаются, все функции работают. Но! Начиная с 4й подгрузки, перестают работать все функции и свойства, связанные с audio (duration, play(), pause() и т.д.), то есть при вызове данной функции работает всё, кроме воспроизведения и паузы:
Код Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("div.music_control").live("click", function() {
        if ($(this).parent().find('audio')[0].paused) {
            $('audio').each(function(indx) {
                $(this)[0].pause();
                $(this).parent().find('.music_control').css('backgroundImage', 'url("/img/play.png")');
            });
            $(this).css('backgroundImage', 'url("/img/pause.png")');
            $(this).parent().find('audio')[0].play();
        }
        else {
            $(this).css('backgroundImage', 'url("/img/play.png")');
            $(this).parent().find('audio')[0].pause();
        }
    });
В чём может быть проблема? Сам объект audio существует, никаких ошибок не возникает, просто игнорируются эти функции...
Ответ: tatia_kom, почему именно с 4? Ошибки в консоли есть? Посмотрите, какие данные приходят от сервера ( особенно при 4 запросе ), если controls не работают у audio, значит проблема в ссылке на аудио, обычно так
Вопрос: Убрать рамку вокруг текста в слайдере

Привет!
Ковыряю один шаблончик на вордпресс, там встроен слайдер. С такимм еще не работал. Поэтому вопрос:
Вот эту белую рамку вокруг текста, как ее убрать или сделать полупрозрачной?

Слайдер сразу на главной:
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 <?php 
    $slider_activation = get_theme_mod( 'codepress_corporate_slider_activation_setting', 1 );
 
    if( $slider_activation == 1 ) {
    if (is_front_page() || is_home() ) {
       if( get_option( 'show_on_front' ) != 'posts' ): 
 
     ?> <section class="banner-slider"> <div id="banner-slider" class="owl-carousel owl-theme b-slider"> <?php 
                    $args = array(
                                    'post_type' => 'post',
                                    'post_status' => 'publish',
                                    'posts_per_page' => 6,
                                    'cat' => absint($slider_category)
                                    );
        
                    $query = new WP_Query($args);
 
                    while( $query->have_posts() ) : $query->the_post();
 
                    if ( has_post_thumbnail()) {
                    $image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'codepress_corporate_slider_image');
               
            ?> <div class="item slider"> <div class="b-img"> <?php if(!empty($image_url[0])){
                        ?> <img src="<?php echo esc_url($image_url[0]); ?>" alt="<?php the_title_attribute(); ?>"> <?php    
                        } ?> <div class="bg"></div> </div> <div class="caption"> <div class="outer"> <div class="inner"> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php //if( post_content() != '' ) : ?> <?php codepress_corporate_add_excerpt_length( apply_filters( 'codepress_corporate_service_excerpt_length', 20 ) );
                                    the_excerpt();
                                    codepress_corporate_remove_excerpt_length();
                                ?> <?php //endif; ?> </div> </div> </div> </div> <?php  }
 
            endwhile; ?> <?php wp_reset_postdata(); ?> </div> </section> <?php
  
     endif;
        }
      }
 
    /** Slider-end */
 Комментарий модератора 
На каждый вопрос создавайте по одной теме! (Правила п.4.4)


Добавлено через 25 минут
Вот код из стайла для слайдера
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
.inner { 
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
 
.inner h2 {
    color: #444;
    background: #fff;
    display: inline-block;
    padding:14px 50px;;
    margin: 0 auto 0;
    font-size: 38px;
    font-weight: 600;
    font-family: 'Roboto'; 
    line-height: 24px;
    text-transform: uppercase;
}
 
.inner h2 a {
    text-decoration: none;
    color: #444;
    font-weight: 600;
    font-family: 'Roboto'; 
    line-height: 46px;
}
 
.inner h2 span {
    color: #3498db;
}
 
.inner h2 i {
    color: #777;
    font-weight: 400;
    text-transform: none;
}
 
.inner p {
    color: #fff;   
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto'; 
    line-height: 30px;
    padding: 36px 0;
    max-width: 757px;
    margin: 0 auto;
}
 
.inner>a {
    color: #fff;   
    font-size: 16px;
    border: 1px solid #fff;
    font-weight: 400;
    font-family: 'Roboto';  
    padding: 14px 20px;
    display: inline-block; 
    margin: 0 auto;
    line-height: 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
    position: relative;
}
 
.inner>a:hover {
    color: #fff;   
    background: #3498db;
    font-size: 16px;
    border: 1px solid transparent;
    font-weight: 400;
    font-family: 'Roboto';   
    line-height: 18px;
    text-decoration: none;
Добавлено через 25 минут
А, все, спасибо, оказывается нужно было кэш сбрасывать
Ответ: Спасибо дружище, после второй работы всем занимаюсь. Кэш сбрасывать забывал, поэтому оказывается ничего и не менялось
Вопрос: Ссылки в слайдере

Здравствуйте!
Возникла проблема. Имеется слайдер с автопролистыванием и кнопками навигации в лева/права, в полне себе устраивает. Появилась необходимость по щелчку на слайд, переходить на соответствующую данному слайду страницу. С JS я совсем не знаком, поэтому прошу помощи. Ниже код:

HTML:

...
<aside>
<div id="scr">
<div id="bleft" onclick="slider.left();"></div>
<div id="bright" onclick="slider.right();"></div>
</div>
</aside>
...

CSS:

aside {
position: relative;
margin: 20px 20px;
width: 920px;
height: 260px;
background-image: url(images/slayder/bgbaner.png);
}

#scr {
position: absolute;
width: 900px;
height: 240px;
margin: 10px;
}

#bleft {
position: absolute;
width: 25px;
height: 40px;
top: 100px;
left: 10px;
background-image: url(images/slayder/bleft.png);
}

#bright {
position: absolute;
width: 25px;
height: 40px;
top: 100px;
/*left: 865px;*/
right: 10px;
background-image: url(images/slayder/bright.png);
}

JS:

var slider = {
slides:['./images/slayder/baners/build.jpg','./images/slayder/baners/service.jpg','./images/slayder/baners/modern.jpg','./images/slayder/baners/support.jpg'],
frame:0, // текущий кадр для отображения - индекс картинки из массива
set: function(image) { // установка нужного фона слайдеру
document.getElementById("scr").style.backgroundIma ge = "url("+image+")";
},
init: function() { // запуск слайдера с картинкой с нулевым индексом
this.set(this.slides[this.frame]);
},
left: function() { // крутим на один кадр влево
this.frame--;
if(this.frame < 0) this.frame = this.slides.length-1;
this.set(this.slides[this.frame]);
},
right: function() { // крутим на один кадр вправо
this.frame++;
if(this.frame == this.slides.length) this.frame = 0;
this.set(this.slides[this.frame]);
}
};

window.onload = function() { // запуск слайдера после загрузки документа
slider.init();
setInterval(function() { // ставим пятисекундный интервал для перелистывания картинок
slider.right();
},15000);
};

Что нужно дописать, и возможно ли (при том что слады ставятся ставятся как фон блока), что бы при клике на слайд, переходить на соответствующую ему страницу?
Ответ: Что то я не особо допер.. Каким образом этот массив будет работать, если скрипт подставляет адрес картинки в background-image таблицы стилей?!
Было бы хорошо, если бы скрипт брал из массива ссылку и подставлял ее в href html страницы.

<aside>
<div id="scr">
<a href="страница 1"></a>
<div id="bleft" onclick="slider.left();"></div>
<div id="bright" onclick="slider.right();"></div>
</div>
</aside>

Но я так понимаю в скрипте придется много чего дописывать?!
Вопрос: Не работает Виджет Галереии в своей теме

Всем доброго времени суток.
Я создал свою тему используя сервис
Установил плагин NextGEN Gallery by Photocrati.
Слайдер не работает на моей теме, а при изменении темы на любую стандартную все отлично.
На моей теме все изображения отображаются на странице просто списком снизу вверх и в самом низу крутится анимация загрузки...


Что делать, друзья?
Ответ: Проблему решил.
У меня не была включена динамическая загрузка кастомных скриптов и стилей.
Добавил wp_head(); и wp_footer();