document.write('\x3cmeta http-equiv=\x22x-dns-prefetch-control\x22 content=\x22off\x22/\x3e\x3col class=\x22tumblr_posts\x22\x3e\x0a    \x0a        \x0a            \x3cli class=\x22tumblr_post tumblr_text_post\x22\x3e\x0a                \x0a                    \x3cdiv class=\x22tumblr_title\x22\x3eInitial pause added for $.easy.rotate() and $.easy.cycle\x3c/div\x3e\x0a                \x0a                \x0a                \x3cdiv class=\x22tumblr_body\x22\x3e\x0a                    \x3cp\x3eNow we are able to define initial pause (timeout) for starting rotating child elements within functions $.easy.rotate() and $.easy.cycle()\x3c/p\x3e\x0a\x3cp\x3eThe value of the parameter called \x3cstrong\x3einitPause\x3c/strong\x3e will define how long (in milliseconds) the script will wait before starting to rotate child elements. Default value for this option is zero, that means that both functions will act as they did before this update - they\x26#8217;ll start to rotate child elements instantly. But if you choose to hold off the rotation, now you can! :)\x3c/p\x3e\x0a\x3cp\x3eI find this particularly useful when you have several neighboring elements, all of them have rotating content, but you wish to create a rotation \x26#8220;wave\x26#8221; instead of synchronized transitions.\x3c/p\x3e\x0a\x3cp\x3eHere\x26#8217;s the sample usage:\x3c/p\x3e\x0a\x3cpre\x3e$.easy.cycle({ selector: \'#intro li:nth-child(1) .image\', initPause:0 });\x0a$.easy.cycle({ selector: \'#intro li:nth-child(2) .image\', initPause:200 });\x0a$.easy.cycle({ selector: \'#intro li:nth-child(3) .image\', initPause:400 });\x3c/pre\x3e\x0a                \x3c/div\x3e\x0a            \x3c/li\x3e\x0a        \x0a\x0a        \x0a\x0a        \x0a\x0a        \x0a        \x0a        \x0a        \x0a        \x0a\x0a                        \x0a    \x0a        \x0a            \x3cli class=\x22tumblr_post tumblr_text_post\x22\x3e\x0a                \x0a                    \x3cdiv class=\x22tumblr_title\x22\x3eGallery functionality\x3c/div\x3e\x0a                \x0a                \x0a                \x3cdiv class=\x22tumblr_body\x22\x3e\x0a                    \x3cp\x3eThis functionality was actually intended to be a part of the first release of the Easy front-end framework, but due to a lack of time I decided to publish Easy without it. I added it now, so all of you, dear user can now create galleries.\x3c/p\x3e\x0a\x3cp\x3eGallery functionality is built on top of the \x3cstrong\x3e$.easy.popup()\x3c/strong\x3e function. It is actually a way of \x26#8220;connecting\x26#8221; a group of thumbnails into gallery by simply adding one more class name called \x3cstrong\x3egallery\x3c/strong\x3e. If you want to have multiple galleries on one page you need to add additional class name for each group. The value of the class attribute should look something like this \x3cstrong\x3eclass=\x26#8221;popup gallery cars\x26#8221;\x3c/strong\x3e.\x3c/p\x3e\x0a\x3cp\x3eI wrote an \x3ca href=\x22http://cssglobe.com/post/7527/how-to-create-thumbnail-gallery-using-easy-frontend-framework\x22\x3earticle on CSS Globe\x3c/a\x3e about how to create a gallery and you can also visit the \x3ca href=\x22http://easyframework.com/demo_gallery.php\x22\x3edemo page\x3c/a\x3e.\x3c/p\x3e\x0a                \x3c/div\x3e\x0a            \x3c/li\x3e\x0a        \x0a\x0a        \x0a\x0a        \x0a\x0a        \x0a        \x0a        \x0a        \x0a        \x0a\x0a                        \x0a    \x0a        \x0a            \x3cli class=\x22tumblr_post tumblr_text_post\x22\x3e\x0a                \x0a                    \x3cdiv class=\x22tumblr_title\x22\x3eCycle option added\x3c/div\x3e\x0a                \x0a                \x0a                \x3cdiv class=\x22tumblr_body\x22\x3e\x0a                    \x3cp\x3eThis is still in it\x26#8217;s experimental, not fully functional phase, but I added a new functionality called \x3cstrong\x3ecycle\x3c/strong\x3e. This function is very similar to already existing rotate() function. The syntax for this would be:\x3c/p\x3e\x0a\x3cpre\x3e$.easy.cycle();\x3c/pre\x3e\x0a\x3cp\x3eThis function is similar to the rotate only in the long(er) run it will allow me to add more transition effects. At the moment it is possible to use this, only fade in effect is active. The effect is different from rotate() in a way that \x3cstrong\x3erotate\x3c/strong\x3e fully fades out the element while \x3cstrong\x3ecycle\x3c/strong\x3e overlaps them.\x3c/p\x3e\x0a\x3cp\x3eOne large difference between \x3cstrong\x3e$.easy.rotate()\x3c/strong\x3e and \x3cstrong\x3e$.easy.cycle()\x3c/strong\x3e is that cycle function positions child elements absolutely so you need to be extra careful with element\x26#8217;s heights.\x3c/p\x3e\x0a                \x3c/div\x3e\x0a            \x3c/li\x3e\x0a        \x0a\x0a        \x0a\x0a        \x0a\x0a        \x0a        \x0a        \x0a        \x0a        \x0a\x0a                        \x0a    \x0a\x3c/ol\x3e');