I had built a few implementations of responsive sliders on different client projects and noticed that there was a glaring hole for plugin support with the concept. For examples on how to use these properties for advanced setups, check out the Advanced Options section.Ī little information about FlexSlider About FlexSliderįlexSlider was built to serve up the best responsive jQuery slider around. Listed below are all of the options available to customize FlexSlider to suite your needs, along with their default values. …and voila! That wraps up the most basic installation of FlexSlider into your webpage. The $(window).load() is required to ensure the content of the page is loaded before the plugin initializes. Lastly, add the following lines of Javascript into the of your document, below the links from Step 1. Put your images and anything else you desire into each and you are ready to rock. It is important to use this class because the slider targets that class specifically. First, start with a single containing element, in this example. The FlexSlider markup is simple and straightforward. You can also choose to host jQuery on your own server, but Google is nice enough to take care of that for us! This will link jQuery and the FlexSlider core CSS/JS files into your webpage. Get started with FlexSlider in 3 easy steps! Step 1 – Link filesĪdd these items to the of your document.
0 kommentar(er)
