Responsive Banner Slider
- Posted by Azat Tananyan (13) Offline
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
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.
The topic has been marked as resolved.
- Posted by TemplatePlazza (5261) Offline
The topic has been marked as resolved.
- Posted by Azat Tananyan (13) Offline
The topic has been marked as resolved.
- Posted by Azat Tananyan (13) Offline
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
<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>
The topic has been marked as resolved.
- Posted by Azat Tananyan (13) Offline
The topic has been marked as resolved.
- Posted by TemplatePlazza (5261) Offline
Ah this is probably a jquery ordering / confliction problem. Can you try to install jQuery easy plugin to fix known jquery issues?Maybe this alert will help you to find out the problem
The topic has been marked as resolved.