CODEWITHSUNDEEP
jquerypluginsjquery-pluginsbxslider
Developer Strange
Developer Strange

Reputation: 2198

set the width and height of the thumbnail in bxslider plugin in jquery

I used bxslider jquery plugin to create the slide.I want to set the width and height of the thumbnail. Is there any option to set the width and height of the thumbnail in bxslider jquery plugin.

Upvotes: 0

Views: 1362

Answers (1)

pran.
pran.

Reputation: 80

For adjust width and height from jQuery

Javascript

$('.bxslider').bxSlider({
  slideWidth: 100,
  adaptiveHeight: true
});

HTML

<ul class="bxslider">
  <li><img src="imagePath" /></li>
  <li><img src="imagePath" /></li>
  <li><img src="imagePath" /></li>
</ul>

For adjust width and height from css

.bx-wrapper .bx-viewport {
width: 100px!important; // Set your width here
height: 100px!important;// Set your height here
}

Upvotes: 1

Related Questions