Responsive Banner Slider

Hi

I have intalled Responsive Banner Slider, but I saw only Title of the module. I have just 4 articles in Uncategorised, and montioned this Category.
Can you explain me, what is the problem?

Site is offline on local server.
4 years 4 months ago #1 by Azat Tananyan
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5261) Offline
Hi, can you make a screenshot of the module settings?
4 years 4 months ago #2 by TemplatePlazza
The topic has been marked as resolved.
Ok
4 years 4 months ago #3 by Azat Tananyan
The topic has been marked as resolved.
This is Html code what appears in brouser Chrome.

<div class="moduletable">
<h3>Responsive Banner Slider</h3>
<script src="/modules/mod_responsivebannerslider/assets/adaptor/box-slider-all.jquery.min.js"></script>
<script>
jQuery(function () {
var $box = jQuery('#box97')
, $indicators = jQuery('.goto-slide')
, $effects = jQuery('.effect')
, $timeIndicator = jQuery('#time-indicator')
, slideInterval = 3000;
var switchIndicator = function ($c, $n, currIndex, nextIndex) {
$timeIndicator.stop().css('width', 0);
$indicators.removeClass('current').eq(nextIndex).addClass('current');
};
var startTimeIndicator = function () {
$timeIndicator.animate({width: '100%'}, slideInterval);
};
// initialize the plugin with the desired settings
$box.boxSlider({
speed: 1000 , autoScroll: true
, timeout: slideInterval
, next: '#next'
, prev: '#prev'
, pause: '#pause'
, effect: 'scrollHorz3d'
, blindCount: 15
, onbefore: switchIndicator
, onafter: startTimeIndicator
});
startTimeIndicator();
// pagination isn't built in simply because it's easy to
// roll your own with the plugin API methods
jQuery('#controls').on('click', '.goto-slide', function (ev) {
$box.boxSlider('showSlide', jQuery(this).data('slideindex'));
ev.preventDefault();
});
jQuery('#effect-list').on('click', '.effect', function (ev) {
var $effect = jQuery(this);
$box.boxSlider('option', 'effect', $effect.data('fx'));
$effects.removeClass('current');
$effect.addClass('current');
switchIndicator(null, null, 0, 0);
ev.preventDefault();
});
});
</script>

<div id="responsive-banner-slider" class="rbs-97">
<div id="viewport-shadow">
<div id="slider-navigation">
<a href="#" id="prev" title="go to the prev slide"></a>
<a href="#" id="next" title="go to the next slide"></a>
</div>
<div id="viewport">
<div id="box97">
</div><!--- end box -->
</div><!-- end viewport -->
</div><!-- end viewport-shadow -->
<nav class="slider-controls">
<ul id="controls">
</ul>
</nav>
</div>







</div>
4 years 4 months ago #4 by Azat Tananyan
The topic has been marked as resolved.
Maybe this alert will help you to find out the problem
4 years 4 months ago #5 by Azat Tananyan
The topic has been marked as resolved.
  • Posted by TemplatePlazza (5261) Offline

Maybe this alert will help you to find out the problem

Ah this is probably a jquery ordering / confliction problem. Can you try to install jQuery easy plugin to fix known jquery issues?
4 years 4 months ago #6 by TemplatePlazza
The topic has been marked as resolved.
Powered by Kunena Forum