Online Tips for Web Developer/Designer

DS Banner Slider – Information

DS Banner Slider on Joomla Extension Page
Demo

This Module work best with DS Busuit – Joomla Premium Free Template

Simply download and install it your joomla site.
Download DS BUSUIT TEMPLATE from here

Before you download this template. Please take a vote on the following poll.

Next Free Joomla Development Selection

• DS Mega Shop Template - Virtuemart (63%, 138 Votes)
• DS Premier Template - Blog (37%, 81 Votes)

Total Voters: 219

 Loading ...

Version 0.4.4 Module Class Suffix Added.

Module class suffix was added.

Version 0.4.3 Slider Sequence Fixed.

Fixed the function of the sliding sequence.
Old way 1 > 2 > 3 > 4 > 3 > 2 > 1
New way 1 > 2 > 3 > 4 > 1 > 2 > 3 > 4

Code change in mbScrollable.js

Line 126 added

	 $(this).mbFirstPage2(auto); //Modified 06152010 v0.4.3

Function added

	//Start Modified 06152010 v0.4.3
	mbFirstPage2: function(auto){
      var mbScrollable= $(this).get(0);
      mbScrollable.autoScrollActive=auto;

      mbScrollable.scrollTo=0;
      if (mbScrollable.isVertical){
        $(mbScrollable.mbscrollableStrip).animate({marginTop:mbScrollable.scrollTo},mbScrollable.options.slideTimer);
      }else{
        $(mbScrollable.mbscrollableStrip).animate({marginLeft:mbScrollable.scrollTo},mbScrollable.options.slideTimer);
      }
      mbScrollable.idx=1;
      $(this).mbManageControls();
      //$(mbScrollable).mbStopAutoscroll();
    },
	//End Modified 06152010 v0.4.3

On line 336 added

  $.fn.mbFirstPage2=$.mbScrollable.mbFirstPage2; //Modified 06152010 v0.4.3

Version 0.4.2b Bug Fix.

Code change in mod_ds_banner_slider.php

Original Code

#'.$uniqueid.'horizontal{height: '.$height.'px; width: '.$width.'px;}

Replace it with

#'.$uniqueid.'horizontal{height: '.$height.'px; width: '.$width.'px; *overflow:hidden; overflow:hidden;}

Version 0.4.1b Bug Fix on Multi Clients Selection Problem, and placing the CSS to the header through Joomla “addCustomTag”.

Code change in mod_ds_banner_slider.php

Original Code

$where = "\n AND cid IN ( ".implode(',', $clientids)." )";

Replace it with

$where = "\n AND cid IN ( ".(is_array($clientids) ? implode(',', $clientids) : $clientids)." )";

Original Code

$uniqueid = "ajaxb_".$uniqueid;

Replace it with

$uniqueid = "dsbs_".$uniqueid;

Original Code

</pre>
<style type="text/css"><!--
#<?php echo $uniqueid; ?>horizontal{height: <?php echo $height; ?>px; width: <?php echo $width; ?>px; *overflow:hidden;}
#<?php echo $uniqueid; ?> div.description {width: <?php echo $width - $desrigpad - $deslefpad; ?>px;}
#<?php echo $uniqueid; ?> img {border:0;}
#<?php echo $uniqueid; ?> .description {<?php echo $deshide; ?> position: absolute;font-family:sans-serif;font-size:<?php echo $dessize; ?>; color:<?php echo $descolor; ?>;padding:<?php echo $destoppad; ?>px <?php echo $desrigpad; ?>px <?php echo $desbotpad; ?>px <?php echo $deslefpad; ?>px;text-align:<?php echo $desalign; ?>;width:<?php echo $desinnerwidth; ?>%;}
#<?php echo $uniqueid; ?> .scrollEl {}
#<?php echo $uniqueid; ?><?php echo $controls; ?> {position:relative; padding:0 10px; margin-top:-50px; <?php echo $controls_hide; ?> text-align:<?php echo $controlfloat; ?>;}
#<?php echo $uniqueid; ?><?php echo $controls; ?> div {font-family:sans-serif;margin-top:5px;background:#fff;display:inline-block;padding:6px;cursor:pointer; zoom: 1; *display:inline; filter:alpha(opacity=<?php echo $opacity; ?>); -moz-opacity:<?php echo $opacity / 100; ?>;-khtml-opacity: <?php echo $opacity / 100; ?>;opacity: <?php echo $opacity / 100; ?>;}
#<?php echo $uniqueid; ?><?php echo $controls; ?> .sel {color:black !important;font-weight:bold;}
#<?php echo $uniqueid; ?><?php echo $controls; ?> .disabled {color:gray;}
#<?php echo $uniqueid; ?><?php echo $controls; ?> .page {padding:5px;color:gray;}
-->
--></style>
<pre>

Replace it with

<!--?php     $document = & JFactory::getDocument();     $document--->addCustomTag('</pre>
<style type="text/css"><!--
#'.$uniqueid.'horizontal{height: '.$height.'px; width: '.$width.'px; *overflow:hidden;} 	#'.$uniqueid.' span.description {width: '.($width - $desrigpad - $deslefpad).'px;} 	#'.$uniqueid.' img {border:0;} 	#'.$uniqueid.' .description {'.$deshide.' position: absolute;font-family:sans-serif;font-size:'.$dessize.'; color:'.$descolor.';padding:'.$destoppad.'px '.$desrigpad.'px '.$desbotpad.'px '.$deslefpad.'px;text-align:'.$desalign.';width:'.$desinnerwidth.'%;} 	#'.$uniqueid.' .scrollEl {} 	#'.$uniqueid.$controls.' {position:relative; padding:0 10px; margin-top:-50px; '.$controls_hide.' text-align:'.$controlfloat.';} 	#'.$uniqueid.$controls.' div {font-family:sans-serif;margin-top:5px;background:#fff;display:inline-block;padding:6px;cursor:pointer; zoom: 1; *display:inline; filter:alpha(opacity='.$opacity.'); -moz-opacity:'.($opacity / 100).';-khtml-opacity: '.($opacity / 100).';opacity: '.($opacity / 100).';} 	#'.$uniqueid.$controls.' .sel {color:black !important;font-weight:bold;} 	#'.$uniqueid.$controls.' .disabled {color:gray;} 	#'.$uniqueid.$controls.' .page {padding:5px;color:gray;} 	-->

--></style>
<pre>
 ');
?>

Original Code

echo '</pre>
<div class="description'.(empty($banner->imageurl) ? '_noimage' : '').'">'.$banner_text.'</div>
<pre>
';

Replace it with

echo '<span class="description'.(empty($banner->imageurl) ? '_noimage' : '').'">'.$banner_text.'</span>';

Version 0.4b Bug Fix on Multi Clients Selection Problem, and Added Controller Transparent setup.

Code change in mod_ds_banner_slider.php

Original Code

$controls_hide	= trim( $params->get( 'controls_hide' ) );
$first_last 	= trim( $params->get( 'first_last' ) );

Replace it with

$controls_hide	= trim( $params->get( 'controls_hide' ) );
$opacity        = intval($params->get( 'opacity', 100 ) );
$first_last 	= trim( $params->get( 'first_last' ) );

Original Code

if ( $clientids != '' ) {
    $where = "\n AND cid IN ( $clientids )";
}

Replace it with

if ( $clientids != '' ) {
    $where = "\n AND cid IN ( ".implode(',', $clientids)." )";
}

Code change in mod_ds_banner_slider.xml

After this code

ShowHide

Add the following code

10%20%30%40%50%60%70%80%90%No Transparency

Version 0.3.1b Bug Fix on css IE6 Padding Problem, IE6 Display Problem, Description Display Not Aligning center

Original Code

$elementMargin	= intval($params->get( 'elementMargin', 4 ) );

Replace it with

$elementMargin	= intval($params->get( 'elementMargin', 0 ) );

Original Code

#horizontal{height: px; width: px;}
# div.description {width: px;}

Replace it with

#horizontal{height: px; width: px; *overflow:hidden;}
# div.description {width: px;}

Version 0.3b Bug Fix on css IE6 and IE7 display inline-block problem

Original Code

# div {font-family:sans-serif;margin-top:5px;background:#fff;display:inline-block;padding:6px;cursor:pointer;}

Code we had replaced

# div {font-family:sans-serif;margin-top:5px;background:#fff;display:inline-block;padding:6px;cursor:pointer; zoom: 1; *display:inline;}

Version 0.3b Bug Fix on IE6 and IE7 spacing problem

Original Code

</pre>
<div class="first">first</div>
<pre>
'; } ?></pre>
<div class="prev">prev</div>
<div class="next">next</div>
<pre>
'; } ?></pre>
<div class="last">last</div>
<pre>
'; } ?>

'; } ?></pre>
<div class="start">start</div>
<div class="stop">stop</div>
<pre>
'; } ?>

Code we had replaced

</pre>
<div class="first">first</div>
<pre>
'; } ?></pre>
<div class="prev">prev</div>
<div class="next">next</div>
<pre>
'; } ?></pre>
<div class="last">last</div>
<pre>
'; } ?>

'; } ?></pre>
<div class="start">start</div>
<div class="stop">stop</div>
<pre>
'; } ?>

Version 0.2b Bug Fix on jQuery conflict with mootools

Original Code

$(document).ready(function() {
        $("#").mbScrollable({

Code we had replaced

jQuery.noConflict();
jQuery(document).ready(function() {
        jQuery("#").mbScrollable({

If you are using this module, be sure to send me a link or give me some comments.
This will help us in the future release or development.

Special Thanks To

Michael Wai, from Hong Kong
Miguel Tuyaré, alias Tux Merlin, from Argentine