![]() ![]() ![]() ![]() flickrSliderHolder, a width and a height. The #flickrSlider div is assigned a class name. The other important element in the fragment above is the #flickrSlider div, which is going to be populated with the slider's HTML by the jqFlick plugin: Generated Code Also, we have a select element with demos of three different configurations of the plugin. JqFlick - Flickr Micro Slider Plugin | Tutorialzine DemoĪdditionally, we have styles.css, which styles the page itself, and script.js, which calls the plugin. I am including the plugin's CSS stylesheet - jqFlick.css, which we will be creating in the next step, and the plugin's js file - jqFlick.js. The HTMLīefore starting with jqFlick (the name of our plugin), lest first lay down the HTML structure of the underlying document. You will also need to generate a Flickr API key (as explained in the tutorial) and paste it in script.js. If you have downloaded this script before, replace jqFlick.js and script.js. The script and this tutorial were updated to reflect this change. Updated on Oct 11th 2011: Due to a change in Flickr's API, you are now required to provide an API key when requesting the photos in a set. The plugin will be using Flickr's APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events. Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |