CSS Sliding Photograph Gallery Date : 28th August 2009 For all modern browsers This demo is too wide for your mobile screen.Please view on a tablet or PC. Information This gallery is my simplest yet. Updated 1st July 2005 The horizontal slide photo gallery added. The 'windows' photographs The window set of photographs were taken by Mike Berg Winnipeg, Manitoba, Canada using a Canon PowerShot S100. Copyright Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
The Tapir's Tale: jQuery Changes From 1.4.2 to 1.6 jQuery is a powerful library and it is possible to get by without using any of the new features. That’s why many of us just upgrade to a new version assuming that it is mostly bug and performance fixes. This is not the case. jQuery 1.4.2 was released in February 2010 and it’s been one and a half years and a number of releases since then. I was going to write about the changes in 1.5 and 1.6, but I have noticed that many people have missed some of the new features of the 1.4 releases. delegate() Most people know about live() and how it can be used to attach listeners to elements that don’t yet exist in the DOM. live() has a younger brother that was born in 1.4.2 and he is called delegate(). delegate() is more powerful. $('.main-content').find('section').delegate 'p', 'click', -> $(this).addClass 'highlight' As you can see above, delegate(), unlike live(), can be chained like normal jQuery calls. jQuery.now(), jQuery.type() and jQuery.parseXML() Deferred() red.done (hh) -> console.log(hh)
Wordpress Multi Languages: 5 Plugins To Built A Multilingual Web If you are using WordPress as a CMS, then you probably want to present your content with multiple languages. Recently, I came across a WordPress blog that presents their content with three different languages, so I decided to investigate the methods and plugins to turn WordPress into a multilingual website, and share my findings with WDB’s readers. Maintaining a multilingual website is not easy. The best way to present multilingual content to your visitors is to allow them to switch between different languages anytime. So, the plugin needs to take care of this and links different languages’ content together. Beside linking the content, the URL of the translated content also important. You can have the same permalink for the translated content, and add a language flag at the end of the URL (ex: www.domain.com/multi-language-article/? So, how to choose your URL is yet another main consideration before you launch the multilingual website? 2. qTranslate 3. 4. 5. xLanguage
Create Beautiful jQuery slider tutorial margin:0; padding:0; html{ height:100%; body{ color:#a4a4a4; cursor:default; font-size:11px; line-height:16px; text-align:center; background-color:#000; background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,sans-serif; a:link,a:visited{ color:#fff; text-decoration:none; a img{ border:0; div.wrap{ width:993px; margin:0 auto; text-align:left; div#top div#nav{ float:left; clear:both; height:52px; margin:22px 0 0; background:url url(images/nav-bg.png) 0 0 no-repeat; div#top div#nav ul{ width:700px; list-style-type:none; div#nav ul li{ div#nav ul li a{ display:block; line-height:52px; text-indent:-9999px; div#header{ margin:-1px 0 0; div#video-header{ height:683px; div#header div.wrap{ height:299px; background:url(images/header-bg.png) 50% 0 no-repeat; div#header div#slide-holder{ z-index:40; position:absolute; div#header div#slide-holder div#slide-runner{ top:9px; left:9px; width:973px; height:278px; overflow:hidden; div#header div#slide-holder img{ display:none; div#header div#slide-holder div#slide-controls{ left:0;
jQuery: The Write Less, Do More, JavaScript Library Lightbox 2.0 for WordPress This version of lightbox – Lightbox version 2.0 uses Prototype JavaScript Framework and Scriptaculous Effects Library. As for version 0.6 and above, this plugin only support WordPress 2.1 and above due to the usage of wp_enqueue_script to load WordPress bundled Prototype and Scriptaculous library. Download Installation Please read WordPress Plugin Installation. Upgrading If you’re upgrading from previous version of this plugin, the previous lightbox plugin folder should be deleted and replaced with the folder that comes with the download. Take note: this plugin uses folder name wp-lightbox2 instead of the regular lightbox folder name. Nivo Slider - The Most Awesome jQuery Image Slider Beautiful transition effects Nivo Slider offers 16 transition effects ranging from slicing and sliding, to fading and folding, making your galleries interactive and fun. No coding skills needed Create a beautiful experience when playing your gallery of images without any advanced coding. Include the image slider in your posts and pages using a simple shortcode. Automatic image cropping Nivo Slider crops and resizes images to a specified size, so you don’t have to do it manually for each image. Responsive and mobile ready The generated image sliders are completely responsive. Everyone loves Nivo! Time to make the best of your website’s’ image galleries. Pre-built slider themes You can choose the style of your sliders from the awesome pre-built themes. Create sliders from categories or galleries Besides the classic image sliders, Nivo allows you to choose between Category and Gallery sliders. Post types support Create carousels Join 471,039 happy customers and get access to 30+ premium products
Find the jQuery Bug #1: Chicken or the Egg Introduction In this open-ended series I'll be showcasing a snippet of buggy jQuery code that you might encounter, explain what the problem is, and then identify how you can easily resolve the issue. As this series progresses my example code may not use all the best practices that I would normally use in my everyday development. This is partly due to me wanting to show code you might encounter in the wild, but also because I want these code snippets to be easily understood so that the main concept can be revealed. The Desired Feature You have a list of individuals in a table. When the trash icon is clicked, a request goes to the server to delete that individual by it's ID. The following code was inspired by an issue a friend of mine, Casey Picker from LamplightMedia.net, had last week and I helped him isolate the problem. The Buggy Code The Unexpected Result The Underlying Problem Well, the problem is the classic case of treating asynchronous code as synchronous. The Solution Conclusion
Latest Post from each Category plugin for WordPress · Dagon Desi This plugin displays a list of the latest post from each category of your WordPress installation. It can be added to a post or page, or used directly in a template file. In the plugin’s options page you can choose the sort order, show or hide the dates, select the date formatting, show the first X characters of the content, display a link to the comments, and show comment counts, as well as other options. Download Latest Release (For WordPress 2.0 through 2.8+) If you have found this page useful, please consider donating. Installing Download the above file, rename it from .txt to .php, and upload it to your plugins directory.Enable the plugin.Configure the plugin options (under DDLatestFromEach). Using There are two ways you can use this plugin. 1) In a post or page, insert the following line:<! 2) In a template file, insert the following code:<? Change Log Demo Here you can see the plugin in action: Options Here are the options available in this plugin’s options page in the WordPress admin panel.
liteAccordion - a horizontal accordion plugin for jQuery Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.</p> Responsive and WordPress versions available! New! Accordion Pro JS is a responsive version of liteAccordion, with lots of upgrades and new features (vertical accordions!). Download More details and download link for liteAccordion here. Q. A. Q. A. Q. A. Q. A. Q. A. Q. A. liteAccordion is free to use for commercial and personal projects. If you find any bugs, please file a ticket on Github and I'll fix it as soon as possible. Version 2.2 (21/01/13) Responsive layout and auto scale images options removed After some consideration, I've decided to remove the responsive options. Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. New in 2.0! Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activation Custom easing Linkable slides 1. 2.