Dev {Tricks}


  • Home
  • WordPress
  • OJS
  • Oxwall
  • Server and Hosting
You are here: Home / Archives for jQuery Plugins

August 18, 2019 by dev Leave a Comment

How to add Bx Slider or Bx Carousel Slider to your website

Easy simple three steps. Step One Add following markup where you want to show the slider or carousel

1
2
3
4
5
6
7
8
9
10
11
<div class="dev-bdhostit">
<div><img src="photo1.jpg"></div>
<div><img src="photo2.jpg"></div>
<div><img src="photo3.jpg"></div>
<div><img src="photo7.jpg"></div>
<div><img src="photo4.jpg"></div>
<div><img src="photo5.jpg"></div>
<div><img src="photo6.jpg"></div>
<div><img src="photo8.jpg"></div>
<div><img src="photo9.jpg"></div>
</div>

Step Two Link jquery script of Bx Slider.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.js"></script>
 
<script type="text/javascript">
 
$('.dev-bdhostit').bxSlider({
  auto: true,
  autoControls: true,
  stopAutoOnClick: true,
  minSlides: 1,
  maxSlides: 8,
  moveSlides: 1,
  slideWidth: 250,
  slideMargin: 10,
});
 
</script>

Add the above line before closing of </body> tag. Step Three Link css script of Bx Slider.

1
<link href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.15/jquery.bxslider.min.css" rel="stylesheet" />

Add the above line before closing of </head> tag.

Read More

Filed Under: BX Slider, How to Tagged With: bx carousel, bx slider, bxcarousel, bxslider, bxslider jquery, carousel, carousel slider, carouser, html slider, jquery slider, php slider, slider, slider carousel

July 4, 2018 by dev Leave a Comment

Page Scroll to ID jQuery Plugin

Read More

Filed Under: jQuery Plugins

Recent Posts

  • How to create One-Click login to RoundCube and phpMyAdmin ?
  • How to add Swap file on CentOS 8?
  • Start / Stop / Restart Berkeley Internet Name Daemon (BIND) DNS Server
  • ConfigServer Security & Firewall, CSF basic commands, advanced configurations and settings
  • How to install VNC in CentOS 8 ?
  • Centos 8 with DirectAdmin installation checklist
  • How to move domain between DirectAdmin user accounts ?
  • How to enable and disable to a website with IP address | DirectAdmin
  • Securing DirectAdmin VPS
  • How to install ioncube in PHP 7 ?
  • How to install Softaculous with lifetime free license?
  • DirectAdmin default domain path directory
  • Letting Users select between multiple different php versions
  • How to install and enable SpamAssassin to VPS ?
  • How to increase Maximum File Upload Limit in DirectAdmin?
  • DirectAdmin Server Management
  • How to connect VPS using PuTTY
  • How to publish journal issue with articles with/without abstract?
  • DirectAdmin installation requirements
  • How to install and setup DirectAdmin on CentOS 8 VPS.

Recent Comments

  • bukujudi.wordpress.com on How to Remove ‘Powered by Oxwall Community Software” from footer?
  • xe nâng tay cao on Upwork Video Verification – Questions and Answers
  • Bandar Taruhan on How to Remove ‘Powered by Oxwall Community Software” from footer?
  • Nonton Online on How to Remove ‘Powered by Oxwall Community Software” from footer?
  • Brands4friendsgutschein on How to Remove ‘Powered by Oxwall Community Software” from footer?

Archives

  • December 2019 (1)
  • November 2019 (20)
  • October 2019 (3)
  • September 2019 (2)
  • August 2019 (10)
  • July 2019 (4)
  • June 2019 (10)
  • May 2019 (7)
  • April 2019 (5)
  • March 2019 (4)
  • February 2019 (1)
  • December 2018 (5)
  • November 2018 (1)
  • October 2018 (1)
  • August 2018 (1)
  • July 2018 (23)
  • June 2018 (7)
  • April 2018 (1)
  • March 2018 (13)

Categories

  • Email Solutions (5)
    • Google Spreadsheet (2)
    • PHP Email Form (1)
    • Recaptcha (1)
    • Thunderbird (1)
  • FrontApp (1)
  • How to (13)
  • jQuery Plugins (2)
    • BX Slider (1)
  • Marketplace (3)
  • Miscellaneous (4)
  • MS Office (1)
    • PowerPoint (1)
  • Neuron TD (15)
    • Console Error (1)
    • functions (5)
      • register_post_type (1)
      • register_sidebar (1)
      • theme_files (1)
      • theme_supports (1)
    • Image Directory (1)
    • Menu (2)
    • Query (4)
  • OJS (10)
    • Help (1)
    • Installation (1)
      • Issues (1)
    • Theme (1)
    • Theme Development (2)
    • TPL CSS JS (1)
    • Upgrade (4)
  • Oxwall (2)
  • Payment Methods (1)
    • Paypal (1)
  • PolyMail (1)
  • Server and Hosting (28)
    • Boxbilling (1)
    • Digitalocean (8)
    • DirectAdmin (18)
    • Security (5)
    • VPS Management (14)
    • WHMCS (4)
  • Uncategorized (6)
  • Wordpress (40)
    • Functions (2)
    • Genesis (6)
    • Glossary (1)
    • How to (3)
    • Plugins (6)
      • Contact Form 7 (3)
      • Essential Grid (2)
    • Speed and Security (4)
    • Stock Theme Development (6)
      • Header Footer (1)
      • PHP (1)
      • VC (1)
    • Theme Development (1)
      • Menu (1)
    • Timer Theme Development (3)
    • Update (1)
    • WP Basic Guideline (6)
  • Home
  • WordPress
  • OJS
  • Oxwall
  • Server and Hosting

Copyright © 2019 · Executive Pro Theme on Genesis Framework · WordPress · Log in