Important! Make sure you make the links in your code go to your server location with the URL and that your images are stored in the theme/afterburner/img folder location. Paste the following code into your page where you want the slider to show. You will need to reference your files like this: It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs. Put simply, you can navigate images and/or HTML in a carousel-style widget. Important! Make sure you make the links in your code go to your server location with the URL. jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Paste the following code in the head section of your theme files. ![]() Edit the following files in your Moodle theme files. Owl Carousel 2 Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.zip file so the files are in the directory like the snapshot to the right. In this case the afterburner theme is in the /theme/afterburner directory. Upload the slider zip file to the theme folder.Adding the Simple jQuery slider to Moodle The steps are basicaly the same for the other themes as well. Important! This tutorial explains how to add the jQuery slider in the AfterBurner theme. Flip Through Elements In A 3D Space A vanilla JavaScript carousel plugin to flip through elements in a 3D space just like the Cover Flow. ![]() First of all, it uses HTML5-CSS3 markup and works well with responsive layouts (optional).It can be styled with Sass or CSS and has multiple transition options including Ken Burns effect. Draggable & Touch-friendly Slider Carousel In Pure JS A responsive, mobile-friendly slider carousel component written in JavaScript and CSS/CSS3. Below are the steps to insert the Simple slider in your Moodle site. Slippry is a jQuery image gallery plugin for that has modern features. After you get the plugin zip file named jcobb-basic-jquery-slider-8ffe118.zip you will be able to upload the files necessary for the slider to work.
0 Comments
Leave a Reply. |