The Scorpion King 3 Battle for Redemption 2011(Vua bò cạp 3)

Trong thành phố, ai cũng khiếp sợ và phục tùng Memnon (Steven Brand), một thủ lĩnh độc tài quen cai trị bằng bạo lực. Với tham vọng trở thành một vị vua của các huyền thoại, Memnon nung nấu ý định chinh phục các bộ lạc sống trên sa mạc bao quanh thành phố. Nhà độc tài luôn giành thắng lợi trên chiến trường, bởi bên cạnh ông ta có một nhà tiên tri kiệt xuất tên Cassandra – người có khả năng nhìn thấy tương lai. Nhờ có Cassandra mà lãnh thổ của Memnon được mở rộng với tốc độ khủng khiếp….

Link down  (bản mHD 720p + subViet)

Menu đẹp ứng dụng Jquery

jQuery (mb)Menu 2.7

jQuery (mb)Menu 2.7 download

This is a powerful jQuery component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

You can add as many submenus as you want; if your submenu or menu is not declared in the page, the component’ll get it via ajax calling the template page with the id of the menu you need (the value of “menu” attribute) the ajax page should return a well formatted code as the example below for the menu voices code.

Create an apple style menu and improve it via jQuery

Create an apple style menu and improve it via jQuery

The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done.

Since the Apple-flavored Leopard-text-indent style is currently one of my favorite menu styles, we will start from scratch and build such a menu in Photoshop, then create the needed HTML and CSS and last but not least improve it via jQuery.

Simple JQuery Accordion menu

Simple JQuery Accordion menu

This is a simple Accordion menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don’t have subitems are normal links. (example link to Marco’s blog). The menu initialises with the first submenu expanded.

jQuery plugin: Accordion

jQuery plugin: Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

Urban Gray Accordion Menu

Urban Gray Accordion Menu

Urban Gray Accordion Menu is a clean, vertical menu with headers that are activated “mouseover” (200 millisec delay). Each header is hyperlinked itself, feasible since the headers are toggled “mouseover” instead of “onclick”. This is an easy to customize, attractive vertical list menu.

BySlideMenu – Nice and powerful accordion menu

BySlideMenu - Nice and powerful accordion menu

BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text.

Glossy Accordion Menu

Glossy Accordion Menu

In this example, the menu headers are A tags, with each sub menu being DIV tags that expand/ contract. The use of DIV tags for the sub menus is to facilitate content other than UL lists. An absolutely positioned icon image gets dynamically added to each header that changes depending on the header state. The headers are toggled via “click” of the mouse, and all headers can be collapsed. The previous expanded header (if any) is closed before expanding the current.

Bullet List Accordion Menu

Bullet List Accordion Menu

In this menu example, the menu headers are H3 tags, with each sub menu being UL tags that expand/ contract. A CSS class gets dynamically added to a header when it’s expanded to style the expanded header. The headers are toggled via “click” of the mouse, and all headers can be collapsed. The previous expanded header (if any) is closed before expanding the current.

Lightweight Javascript Accordion Menu

Lightweight Javascript Accordion Menu

This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website

Arrow Side Menu

Arrow Side Menu

Arrow Side Menu is a vertical list based menu that uses a single background image to create 3 distinct state. Headers that contain sub contents are activated via “clickgo” of the mouse. What this means is that each header is hyperlinked, with the link not disabled. When you click on such a header, first, the sub content expands, then, the user is taken to the URL specified in the header.

Horizontal JavaScript Accordion 1kb

Horizontal JavaScript Accordion 1kb

This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more. I had seen a similar looking feature on the mootools homepage and set out the replicate the functionality as a standalone script and as lightweight as possible. The script will automatically adjust to the number of elements in the accordion and the dimensions of the accordion.

S5 Drop Down Cart and S5 VM Accordion Menu

S5 Drop Down Cart and S5 VM Accordion Menu

Give your customers an easy way to view their cart with less page load time. This module was first released under our popular eTensity template and is back and even better! We’ve added ajax functionality and several other features that will allow you to adapt this module to any Virtuemart site.

We’ve gone back to our popular S5 Virtuemart Accordion menu module and made a custom version specifically for the Shopper Frenzy template. This module will display categories up to 3 levels deep. It is fully powered by S5 Effects and no mootools, this means no script conflictions with your other modules!
Please note that the version shown on this demo was built specifically for this template and will not work on any other template. We do however, have our original version available that will work with any template with many features to allow you to customize it to your specific needs.

jQuery plugin: Treeview

jQuery plugin: Treeview

Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.

Coda-Slider 1.1.1

Coda-Slider 1.1.1

I’ve put a lot of info (features, bugs, etc.) into the demo itself, so I won’t repeat it all here. Feel free to use Coda-Slider in your own projects, and let me know how it works out. All the code is well commented or self-explanatory so you shouldn’t have much difficulty adapting it to fit your needs. if you do run into problems, let me know in the comments here.

jQuery Multi Level CSS Menu #1

jQuery Multi Level CSS Menu #1

This is a multi-level horizontal CSS menu created using a regular nested HTML list only as far as markup, then transformed into a fully functional drop down menu using CSS and a touch of jQuery. A fade effect is enabled by default, and sub menus will automatically readjust themselves horizontally if too close to the window’s right edge. This is what happens when CSS and JavaScript decides to work together!

jQuery UI Tabs

jQuery UI Tabs

Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.

By default a tab widget will swap between tabbed sections onClick, but the events can be changed to onHover through an option. Tab content can be loaded via Ajax by setting an href on a tab.

Jbreadcrumbs – an auto collapsing breadcrumb

JBREADCRUMB - AN AUTO COLLAPSING BREADCRUMB

This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages. Rather than limit the amount of elements shown on the sever side, we decided to go with a client side solution for usability and SEO reasons. It also turned out nice to look at and fun to play with.

JQDock

JQDOCK

Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.

Slide Subnav

Slide Subnav

An animated subnavigation menu. Slides and centers the subnavigation items underneath each main heading.

jQuery ListNav Plugin

jQuery ListNav Plugin

This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. Clicking one of the letters filters the list to show only the items in the list that start with that letter. Hovering over a letter (optionally) shows a count above the letter, indicating how many items will be displayed if that letter is clicked. Other options give you control over the basic functionality.

Sliding Menu

Sliding Menu

I really like jQuery. I also really like Prototype and Script.aculo.us. I’ve come to learn that each one has its strengths and weaknesses and you should decide which one to use based on your needs. I use them both, depending on the project at hand.

JQuery full width navigation plugin

JQuery full width navigation plugin

In the (not so distant, hopefully) future, creating full width navigations will be a piece of cake using display: table, table-row and table-cell, but until certain browsers get up to speed with CSS here’s a plug-in you can use to make any navigation created with the HTML-elements ul li and a full width.

LavaLamp for jQuery lovers

LavaLamp for jQuery lovers

As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. Capturing their attention right there is something that we always strive for, and I guess LavaLamp is a step in that direction. Before you get bored with all this useless talk, let me get you started on integrating LavaLamp into your jQuery powered site.

Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready

We got lots of fantastic feedback on our earlier iPod-style menu, and decided to upgrade it for jQuery 1.3. In the process of refining the script, we morphed it into more of a menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.

Slide ảnh với Jquery

If you’re into jQuery you must be also interested in this previous article:

 

SlideDeck jQuery plugin

SlideDeck jQuery plugin

SlideDeck Lite is a limited version of the feature-rich SlideDeck Pro. It’s a great way to give SlideDeck a try and immediately improve the performance of your website.

Automatic Image Slider w/ CSS & jQuery

Automatic Image Slider w/ CSS & jQuery

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for those w/out js.

Quicksand

Quicksand JQuery plugin

At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items.

Move Elements with Style

Roundabout JQuery slider

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!)

In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements.

Nivo – A new jQuery image slider

Nivo – A new jQuery image slider

This is a new launched image slider what use jQuery. Is cross browser and have 9 unique transition effects, navigation controls, is simple, clean, valid markup and free.

Making a Google Wave History Slider

Making a Google Wave History Slider

We’ve all seen the videos (and some even got access to a developer’s preview) of Google’s latest product – Wave. Although not “ground-braking” and “revolutionary” as we’ve imagined (wonder why “over-hyped” comes to mind) it still features some great UI that will surely inspire at least a few developers to implement some of it in their works.

I, being one of those inspired people, am going to show you how to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

JQuery Clock Slider

JQuery Clock Slider

Animate Panning Slideshow with jQuery

Animate Panning Slideshow with jQuery

Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well.

In today’s tutorial we’ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

jDigiClock jQuery plugin

jDigiClock jQuery plugin

Moving Boxes jQuery slider

Moving Boxes jQuery slider

I’m not going to throw a lot of source code at you this time. The big difference here is that there are buttons to change panels and the panels zoom in and out.

The iPhone unlock screen in xHTML, CSS and jQuery

The iPhone unlock screen in xHTML, CSS and jQuery

The iPhone: Everybody knows what it is, many people “played around” with the gadget and most people love it. I also own one of these amazing smartphones, and the looks of the software is really, really sleek and innovative (Just like we’re used from Apple).

I wanted to transfer (some) of these amazing designs to a webpage to re-create the same look and feel for webbrowsers. Today, I’m going to show you how to create The iPhone unlock screen in xHTML, CSS and jQuery.

Create Beautiful jQuery slider tutorial

Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

jQuery Infinite Carousel

jQuery Infinite Carousel

jQuery pageSlide

jQuery pageSlide

jQuery pageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.

Mootools Slider With Two Knobs

Mootools Slider With Two Knobs (Double Pinned Slider) with Range Indicator

You can very easily change the look and feel of the range indicator ( in blue in the above example), slider knob, the slider track by modifying the slider.css as required.

Building a jQuery Image Scroller

Building a jQuery Image Scroller

In this tutorial, we’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions of them come out all the time. Many of them however are user-initiated; meaning that in order for the currently displayed content to change, the visitor must click a button or perform some other action. This scroller will be different in that it will be completely autonomous and will begin scrolling once the page loads.

Sliding Boxes and Captions with jQuery

Sliding Boxes and Captions with jQuery

All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

Creating a Slick Auto-Playing Featured Content Slider

Creating a Slick Auto-Playing Featured Content Slider

Easy Slider 1.7 – Numeric Navigation jQuery Slider

Easy Slider 1.7 - Numeric Navigation jQuery Slider

What I am presenting you today is an easySlider update with 2 new features. When going through your feedback I noticed 2 feature suggestions appearing very often:

– numeric navigation (as an alternative to next/previous buttons)
– continuous scroll instead of jumping to the first (or last) slide

So, that’s what I implemented in this new version. Now you have the option to choose between classic previous/next navigation or to use a numeric “pagination” style navigation.

Simple Controls Gallery v1.3

Simple Controls Gallery v1.3 jQuery Slider

Want to display images as an automatic slideshow that can also be explicitly played or paused by the user? Simple Controls Gallery rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery

Supersized – Full Screen Background/Slideshow jQuery Plugin

Supersized – Full Screen Background/Slideshow jQuery Plugin

Agile Carousel – JQuery Plugin

Agile Carousel - JQuery Plugin

Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

Animated JavaScript Slideshow

Animated JavaScript Slideshow

This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace

jCarousel Lite

jCarousel Lite

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

Ultra versatile slider

Ultra versatile slider

So, in this tutorial I’ll explain a simple step-by-step way to implement an ultra versatile slider with horizontal scrolling and animated effects using MooTools. This is a basic proposal you can improve how you prefer. I included a link to the source code you can customize and reuse quickly in your web projects

Galleriffic JQuery Plugin

Galleriffic JQuery Plugin

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth

Space Gallery JQuery Plugin

Space Gallery JQuery Plugin

jQuery Cycle Plugin

jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more

Don’t forget to become a fan on FaceBook, subscribe to the RSS Feed or follow me on Twitter

Trình diễn ảnh hiệu quả với Jquery

Lightbox 2 (2.04)

Lightbox 2 jquery plugin
Lightbox 2 allows you to present images in a slick window, while darkening the rest of the page. It makes your site look professional, and adds very little to page load times. It does not require any browser plugins to work, and works on just about every web browser out there! When a browser doesn’t support javascript, the code fails gracefully.

Check the Lightbox 2 plugin for WordPress adapted by Rupert Morris.

Colorbox

Colorbox lightbox jquery plugin

A light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4
Why you should be using ColorBox:

  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  • Lightweight: less than 9KB of JavaScript.
  • Appearance is controlled through CSS so users can restyle the box.
  • Behavior settings can be over-written without altering the ColorBox javascript file.
  • Can be extended with callbacks & event-hooks without altering the source files.
  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  • Preloads background images and can preload upcoming images in a photo group.
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.
  • Released under the MIT License.

FancyBox

FancyBox lightbox jquery plugin

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Features

  • Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
  • Customizable through settings and CSS
  • Groups related items and adds navigation.
  • If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
  • Support fancy transitions by using easing plugin
  • Adds a nice drop shadow under the zoomed item

prettyPhoto

prettyPhoto lightbox jquery plugin

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

Litebox

Litebox lightbox jquery plugin

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

Lightview

Lightview lightbox jquery plugin

Lightview was built to change the way you overlay content on a website.

  • Clean: Designed to compliment your content.
  • Fast: Smart image preloading.
  • Easy: Customizable without having to know CSS.
  • Rounded: Adjustable rounded corners, no PNG images required.
  • Smart: Content resizes to always fit on your screen.
  • Slideshow: One button slideshow.
  • Works on all modern browsers.

http://jquery.com/demo/thickbox/“>ThickBox 3.1

ThickBox 3.1 lightbox jquery plugin

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

  • ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it’s 58k.
  • The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be.
  • ThickBox will resize images that are bigger than the browser window.
  • ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
  • ThickBox will hide form elements in Windows IE 6.
  • ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.
  • Due to the ThickBox creator’s view that transitions should be tailored by individual authors, ThickBox windows do not implement fancy transitions. Feel free to add them as you see fit. Is this a feature? Well, some might say it is.
  • ThickBox can be invoked from a link element, input element (typically a button), and the area element (image maps).

jQuery lightBox plugin

lightbox jquery plugin by leandro

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
lightBox is a plugin for jQuery. It was inspired in Lightbox JS by Lokesh Dhakar.

Lightbox Gone Wild

Lightbox Gone Wild jquery plugin
While researching the best way to recreate a modal window for our current project, we ran into Lokesh Dhakar’s lightbox.js and we knew we found a winner delivery container. Dhakar’s method, however, while fantastic, was a bit too specific for our purposes and so we created our own implementation that we think is a bit more flexible for extending a web site’s interface. In this tutorial, we’ll take a look at how to create a modal window using some nifty JavaScript and CSS.

Slightly ThickerBox 1.7

Slightly ThickerBox 1.7 jquery plugin

Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.)

Slimbox 2

Slimbox 2 lightbox jquery plugin

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.

Dialog

dialog lightbox jquery plugin

A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the ‘x’ icon by default.

Prototype

Prototype lightbox jquery plugin
Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose().
You can open the debug window if you want to see some debug outputs.

MochaUI

MochaUI lightbox jquery plugin

MochaUI is a web applications user interface library built on the Mootools JavaScript framework.
Uses:

  • Web Applications
  • Web Desktops
  • Web Sites
  • Widgets
  • Standalone Windows and Modal Dialogs

FaceBox

FaceBox lightbox jquery plugin

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

Boxy

Boxy lightbox jquery plugin

Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created. And for simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user.

ModalBox

ModalBox lightbox jquery plugin

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It’s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images.
ModalBox is built with pure JavaScript and is based on Sam Stephenson’s excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

Shadowbox

Shadowbox lightbox jquery plugin

Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

SimpleModal

SimpleModal lightbox jquery plugin
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

GreyBox

GreyBox lightbox jquery plugin
GreyBox can be used to display websites, images and other content in a beautiful way.

Why use GreyBox:

  • It does not conflict with pop-up blockers
  • It’s only 22 KB!
  • It’s super easy to setup
  • It’s super easy to use
  • You can easily alter the style as it is controlled through CSS

Highslide JS

Highslide JS lightbox jquery plugin
Highslide JS is an open source image, media and gallery viewer written in JavaScript. These are some of its advantages:

  • Quick and elegant looking.
  • No plugins like Flash or Java required.
  • Popup blockers are no problem. The content opens within the active browser window.
  • Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
  • Lots of configuration options and scalability without compromizing on simplicity. A component system lets you strip away unused features down to a filesize of 10kB.
  • Outstanding, unconditional and free user support for both commercial and non-commercial users.
  • Compatibility and safe degrading. If the user has disabled JavaScript or is using an old browser, the browser redirects directly to the image itself or to a given HTML page.

SexyBox

SexyBox lightbox jquery plugin

This will create a basic “lightbox” or “thickbox” interface using HTML masking.

WordPress jQuery Lightbox Plugin

wordpress lightbox jquery plugin

Just download the plugin, unzip the files to the wp-content\plugins folder and activate the plugin in WordPress options.
Then, every time you want to use the Lightbox effect, just place a link to the image, and add the rel=”lightbox” attribute to it, in order to activate the effect when the link is clicked. You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album

Picasa Lightbox

Picasa lightbox jquery plugin
Picasa LightBox is a WordPress plugin that lets you easily add Picasa images to your WordPress posts and pages.
You can add Picasa images to your posts and pages without using any custom tags. Just click the Picasa Photos tab, browse your albums and select the picture you want to insert. Picasa LightBox does not download Picasa images to your server. Instead it displays them directly from Picasa. Picasa LightBox currently supports only public Picasa albums. Picasa LightBox inserts pure HTML code into your posts or pages so you can easily customize it to fit your needs.

Flexible Lightbox

After developing the plugin Wp ThickBox Integration, I decided to extend this features to “Lightbox” a cool jquery plugin to overlay images on the current page. In this case you can decide in the admin “images setting panel” if you want to “Open your images using Lightbox”.

Slimbox WordPress Plugin

Slimbox wordpress lightbox jquery plugin
This plugin includes the new Slimbox 1.64 javascript written by Christophe Beils and got transformed into a WordPress Plugin by me. Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2.
Because Slimbox was designed to be 100% compatible with Lightbox, you can just replace the Lightbox 2 WordPress Plugin whit Slimbox Plugin and your Lightbox effects will work just as well as before.

FancyZoom meet jQuery

FancyZoom lightbox jquery plugin

This will add the Zoom Effect to any a tag classed with zoom, and will show content relating to the id referenced in the href of the a tag.

NyroModal jQuery plugin

NyroModal lightbox jquery plugin
Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It’s easy to use and easy to design.
The big problem I experienced with every plugin I tried either using Prototype/Scriptaculous or jQuery is the customization. They say you can do whatever you want simply but that’s not fully true. The default CSS works fine, but most of time it’s a mix between required elements and optional. That mean you have to be very careful when editing it.
The other problem is the animation. That’s the worst point. I never found one plugin allowing to redefine easily the animations.

I tried to solve these problems with my plugin. I documented everything possible. The default CSS contains only optional rules. Without it, the plugin will works perfectly —but will also looks very sad. Regarding the animations, you can simply redefine them from A to Z. Thanks to the useful jQuery function like animate, fadeTo or the future enchant, it’s pretty simple.
Moreover, I added the ability to define many callbacks at different time in the process to allow you to edit the settings, the data or do whatever you need.

Pirobox V.1.2.1

Pirobox V.1.2.1 lightbox jquery plugin

  • The script weight has decreased by 40%, now weighs only 15KB, (9KB Minified)
  • There is a choice between three different styles (shadow,white or black)
  • Slideshow option
  • Multiple image set option
  • PngFix for Internet Explorer 6
  • Keyboard navigation: Right arrow [next], Left arrow [prev], ESC
  • Previoue and Next buttons outside or inside the imageBox. .
  • Broken Link Check
  • Automatic repositioning of the image in the browser window

Ruộng bậc thang Mù Căng Chải (Yên Bái)

Dulichbui’s Blog – Núi tiếp núi, đồi tiếp đồi, ruộng lúa ở thung lũng, ruộng leo lên đồi, ruộng lồi trên non, đó là ấn tượng ban đầu khi được đặt chân đến vùng đất thâm sơn cùng cốc của tỉnh Yên Bái: huyện Mù Cang Chải.

Thị trấn Mù Cang Chải nhỏ xinh nằm gọn giữa hai sườn núi, còn khá nghèo với những bản làng thanh bình dưới thung lũng xanh hay trên đèo Khau Phạ, cách Hà nội chừng 300km về phía Tây Bắc. Đến Mù Cang Chải duy nhất chỉ có quốc lộ 32 bằng hai hướng. Nếu từ Hà Nội, sẽ lên Yên Bái, từ Yên Bái đến Mường Lò 70km, ngủ tại đây để sáng sớm mai đi xe từ Mường Lò, xế trưa sẽ đến Mù Căng Chải. Đoạn này dài gần 100km, nhưng hơn 80km là đường đèo dốc tiến lên liên tục. Chừng nào leo đến độ cao 1.750m, sương mây mù mịt là sắp đến thị trấn Mù Cang Chải! Chặng giữa đèo có một miền đất phẳng, hãy nghỉ chân ở đây để thưởng thức thứ cơm lam nếp Mường ở Tú Lệ dẻo thơm đáo để. Hướng thứ hai từ Lào Cai xuống, cũng là đường đèo, nhưng dốc xuống thoai thoải dễ đi hơn. Đoạn này đi qua Than Uyên, nơi có những cô gái Thái trắng, đẹp như lan rừng.

Đầu xuân, những thửa ruộng bậc thang được chăm chút bao đời của người Mông đã bắt đầu mướt xanh trên các cánh đồng. Người ta đã cắt lúa để làm cốm. Không ngờ ở trên vùng đất này cũng có những hạt ngọc xanh mướt như dưới xuôi. Tuy hạt cốm không dẻo bằng cốm làng Vòng nhưng vẫn thật hấp dẫn hương vị vào thu thơm dẻo. Cái nắng chiều đã nhạt bớt và không khí ngát thơm hương lúa ngậm sữa.

Mùa gặt ở Mù Căng Chải thường rơi vào giữa tháng năm và tháng mười dương lịch, mênh mông màu vàng sóng lúa, hương đất, hương ngàn hòa với thứ thanh khí vô nhiễm của vùng cao, làm dịu vợi lữ khách miền xuôi.

Thị trấn Mù Cang Chải

Hoa trên đỉnh núi Mù Cang Chải

Lúa đã chín vàng, chờ ngày gặt hái.
Dân bản đang ngắm tác phẩm của chính mình.
Những thửa ruộng tầng tầng lớp lớp.
Những phím đàn Mù Cang Chải.
Thung lũng vàng.
Những bậc thang lên tới trời.
Ruộng bậc thang Mù Cang Chải đã được công nhận là danh thắng quốc gia.
Thiếu nữ đồng bào Mông đang may áo bên cánh đồng lúa vàng.

sưu tầm

Tam Quốc Chí trở lại với Dynasty Warrior 7

Dòng game hành động chặt chém mang đề tài Tam Quốc nổi tiếng Dynasty Warrior chuẩn bị trở lại với người hâm mộ qua phiên bản chính thức thứ 7

Dòng game hành động lừng danh Dynasty Warrior chuẩn bị trở lại chiến trường, đây sẽ là một tin vui giành cho các fan của bộ tiểu thuyết lừng danh Tam Quốc Diễn Nghĩa của nhà văn La Quán Trung. Dynasty Warrior 7, phiên bản mới nhất của dòng game hiện đang được thông báo sẽ chỉ giành cho PlayStation 3. Dự kiến game sẽ ra mắt vào tháng 3 năm 2011 tại Nhật Bản.

Một trong những cải tiến lớn nhất trong Dynasty Warrior 7 là bổ sung thêm một quốc gia mới : nhà Tấn (Kingdom of Jin). Theo lịch sử, nhà Tấn bắt đầu được thiết lập từ tay Tư Mã Ý, đại thần nhà Ngụy. Sau khi Ngụy Minh Đế Tào Tuấn qua đời năm 229, do hoàng tử khi đó còn quá nhỏ và không có thực quyền, cha con Tư Mã Ý đứng lên điều hành nhà Ngụy. Khi Tư Mã Ý qua đời vào năm 251, quyền lực được chuyển giao vào tay 2 con là Tư Mã Sư và Tư Mã Chiêu. Nhà Tư Mã cầm quyền và nhanh chóng dẫn quân tiêu diệt nước Thục và nước Ngô, thống nhất Trung Hoa; kết thúc thời kỳ Tam Quốc. Năm 264, khi Tư Mã Chiêu qua đời, con cả Tư Mã Chiêu là Tư Mã Viêm phế truất Ngụy Đế khi đó là Tào Hoán, xưng Tấn Vũ Đế và nhà Tấn ra đời.

Với sự bổ sung nước Tấn, giờ đây các quốc gia góp mặt trong Dynasty Warrior 7 đã lên đến 4 nước. Và theo như lịch sử, nhà Tấn là quốc gia đã đánh bại cả Ngô, Thục và kết thúc thời kỳ trị vì của nước Ngụy; như vậy hẳn đây phải là một quốc gia rất mạnh trong game với không ít anh hùng. Hiện mới có 2 nhân vật của nước Tấn chính thức được xác nhận, không ai khác mà chính là 2 anh em nhà Tư Mã, Tư Mã Sư (Sima Shi) và Tư Mã Chiêu (Sima Zhao).

Một số bổ sung khác được công bố như mạch game sẽ liền hơn khi gần như không có sự gián đoạn giữa game play và các đoạn phim cắt cảnh, hiện vẫn chưa rõ Koei sẽ thực hiện điều này thế nào. Một bổ sung đáng giá nữa là chế độ chơi Chronicle mode, khi người chơi có thể tự tạo một nhân vật cho riêng mình và theo đuổi vận mệnh của chính mình trong thế giới loạn lạc của thời kỳ Tam Quốc phân tranh.

Dòng game Dynasty Warrior ban đầu vốn là một dòng game spin-off của series game chiến lược Romance of the Three Kingdoms của Koei, cả 2 đều dựa vào bộ tiểu thuyết đồ sộ Tam Quốc Diễn Nghĩa của nhà văn La Quán Trung. Mặc dù ban đầu chỉ là một dòng game spin-off, nhưng sự hấp dẫn trong lối chơi cũng như phong cách của game đã tạo cho Dynasty Warrior một chỗ đứng độc lập trong lòng người hâm mộ.

Ra mắt lần đầu năm 1997 với phiên bản đầu tiên, Dynasty Warrior vốn là một tựa game đối kháng đấu võ đài tương tự như Tekken hay Street Fighter. Từ Dynasty Warrior 2, game bắt đầu định hình lối chơi của mình theo dạng chặt chém, người chơi sẽ chọn một nhân vật và chơi qua các level mô phỏng lại những trận chiến lừng danh nhất trong thời kỳ Tam Quốc.

Phượng Lân

Bữa tiệc thời trang & âm nhạc “Victoria’s Secrect 2011”

Ngày 11/11/11 video đầu tiên của show diễn hoành tráng bậc nhất thế giới này đã được đăng tải.

Tốn kém chi phí, công đoạn chuẩn bị công phu cùng với sự cố gắng của các siêu mẫu đã mang đến một show diễn thành công hôm 10/11 vừa qua. Được biết, để có được những màn trình diễn tuyệt đẹp trong show diễn, các thiên thần của Victoria’s Secret đã phải trải qua một chế độ ăn khắc nghiệt. Mỗi ngày uống gần 4 lít nước, thường xuyên sử dụng thức ăn dạng lỏng và luôn đối diện nguy cơ mắc bệnh về thận… là cái giá mà những thiên thần đồ lót như Adriana Lima phải trả nếu muốn bước chân lên sàn diễn danh tiếng của Victoria’s Secret.

Video chuẩn bị cho đêm diễn Victoria’ Secret của các người đẹp

Tuy nhiên, điều này cũng đáng đồng tiền bát gạo khi show này thu hút khoảng 8 triệu người xem truyền hình, đem về doanh thu khổng lồ.

Trong khi chờ đợi bản đầy đủ của chương trình được phát sóng chính thức, cùng xem qua những hình ảnh nóng bỏng trong bản review được phát trên ftv vừa qua:

Bản review đêm trình diễn Victoria’s Secret đêm 10/11/2011

T.N (Theo Youtube, Dailymail)

Quay lại tuổi thơ với cây kẹo kéo

Tình cờ ăn kẹo kéo một chiều lang thang ở Hồ Tây

Giang Văn, nguồn ảnh aFamily.vn – Theo MaskOnline

Đã tưởng rằng kẹo kéo “tuyệt chủng” , thế mà tình cờ một chiều bên Hồ Tây, lại thấy thứ kẹo dân dã gắn liền với tuổi thơ những đứa trẻ nhiều thập kỷ trước.

Ngày xưa, kẹo kéo bán rong, thường được đổi từ ve chai, giấy báo cũ, hay tóc rối. Lũ trẻ chúng tôi thường gom những thứ bỏ đi ấy lại và hí hửng chờ một bữa có tiếng còi toe toe của anh hàng kẹo kéo tới. Mớ bòng bong nào túi ni long, vỏ hộp sữa… được mang ra đổi lấy một chiếc kẹo ngắn cũn, thơm, dẻo, ngọt.

Ngày ấy cũng chẳng rõ, kẹo làm bằng gì. Nhưng hôm vừa rồi được mua, được ăn ở Hồ Tây thì đã rõ: kẹo kéo thường làm từ mạch nha, lạc, vừng. Anh chàng trẻ tuổi bán kẹo đã 2 năm mà chưa biết nấu kẹo, anh bảo: làm cái này khó, phải nấu mạch nha cho đến độ keo nhất định, không lỏng quá cũng không quá cứng để  “đánh” kẹo thành công.


Anh chàng kẹo kéo với chiếc xe đạp và cái thùng nhỏ  thường đứng ở đường Thanh Niên.

Đánh kẹo phải đánh đều tay. Người ta đóng cái đinh hay que gỗ lên tường, cứ thế quật cả khối đường vừa nấu xong còn nóng đến 50 độ c lên đinh, rồi lại đập xuống bàn, lặp đi lặp lại đến khi kẹo được độ trắng dẻo cần thiết. Lúc này, kẹo kéo sẽ dàn mỏng kẹo và cho lạc, vừng vào giữa, rồi bọc kẹo vào túi nilon đem bán.

Cái tên kẹo kéo có lẽ xuất phát từ động tác lúc lấy kẹo của người bán hàng. Bọc một chiếc khăn, kéo nắm kẹo ra sao cho được một chiếc to chừng bằng ngón tay cái mà phải được cả nha, và nhân lạc. Que kẹo cầm tay dinh dính, đưa lên miệng thấy vị bùi của lạc, của vừng hòa thơm trong cái dẻo, cái thơm, cái ngọt tự nhiên của mầm lúa gạo. Ăn một lại muốn ăn hai vì vẫn thòm thèm…


Những chiếc kẹo được kéo rất nghệ thuật, đều tăm tắp, lớp nha mỏng dính
bao quanh lớp lạc thơm bùi bùi.


Những chiếc kẹo trắng muốt được bọc túi bóng trông rất vệ sinh.

Ăn kẹo kẹo không đã thấy ngon vì cái cảm giác giòn giòn, dẻo dẻo, vị ngọt của nha và bùi của lạc. Nhưng thú vị hơn cả là ăn cùng với vị mát ngọt của kem tươi hồ tây vào một buổi chiều đông lành lạnh.

(Lang thang)

Chả phụng hoàng

Huế là nơi hội tụ, chắt lọc và làm nên nét tinh tế của các món ăn khắp mọi miền đất nước. Và khi đã trở thành đặc sản của xứ Huế, đa phần các món ăn đều mang nét độc đáo về văn hóa ẩm thực. Nhiều người cho rằng:” Ăn món Huế là thưởng thức cái đẹp, cảm nhận cái hồn của Huế…!” Cũng vì lẽ đó, chế biên món Huế cũng là dịp các đầu bếp thử sức, thể hiện tài năng cũng như lòng yêu nghề của mình…!

Có một đầu bếp gởi thư về chương trình, anh mong muốn được giới thiệu với chúng ta món Chả phụng hoàng, một trong những món ăn yến tiệc ở xứ Cố đô. Mời các bạn cùng vào bếp làm quen với anh Trần Văn Điều, trước đây là đầu bếp của khách sạn Phong Nha, TP.Đồng Hới, Tỉnh Quảng Bình.

Thành phần:

-400g giò sống
-4 trứng vịt, đánh tan với một ít muối, tráng mỏng trên chảo không dính
-50g đậu cô-ve, để nguyên quả, luộc sơ
-50g cà rốt, gọt vỏ, cắt que dài, luộc sơ
-Vài tai nấm mèo, ngâm nước cho nở, cắt bỏ chân nấm, thái sợi dày 1cm
-Hành tỏi băm nhỏ
-Cà rốt, ngó sen, đu đủ, trộn chua ngọt để trang trí và ăn kèm
-Ngò rí, rau thơm để trang trí
-Gia vị gồm: 1 thìa cà phê tiêu xay, 1 ít hạt tiêu, hạt nêm từ thịt

Thực hiện:

-Trộn đều giò sống với tiêu, hạt nêm, và hành tỏi băm.
-Trải bao nilon ra khay, đặt trứng tráng mỏng lên, cho giò sống vào giữa cùng với cà rốt, đậu cô-ve, nấm mèo, cuộn tròn lại cho vào xửng hấp 15 phút.
-Chả chín, lấy ra cắt khoanh dày 1cm, xếp lên đĩa. Trang trí với ngò rí, rau thơm và đồ chua.
-Dọn kèm với nước mắm chua ngọt.

(Sưu tầm)

Cháo hột vịt bắc thảo thịt nạc

Món cháo này có vị béo béo của trứng hột vịt bắc thảo và vị mặn mặn của miếng thịt nạc ướp, mùi vị rất lạ và rất ngon, thích hợp với những bạn hay làm việc khuya, trong người đang bị nhiệt.

1. Nguyên liệu
– 2 trứng vịt bắc thảo
– 300g thịt nạc
– 1/2 chén gạo
– 1 lát gừng
– Dầu ăn, hành, ngò, tiêu, muối, hạt nêm, dầu mè

Cháo hột vịt bắc thảo thịt nạc

2. Cách làm
– Gạo cần ướp trước khi nấu: vo sạch 1/2 chén gạo, cho 2 muỗng canh dầu ăn, 1 muỗng rưỡi muối và độ 2 muỗng canh nước trộn đều, ướp độ nửa tiếng. Lượng dầu ăn sử dụng tuy hơi nhiều nhưng trong quá trình nấu cháo sẽ phát huy tác dụng làm cho cháo mềm và mịn, không gây ngấy.
– Thịt nạc cần ướp trước một đêm, thịt rửa sạch, để ráo, ướp với 2 muỗng canh muối, để trong ngăn lạnh của tủ lạnh khoảng 12 tiếng.
– Cho vào nồi lượng nước vừa đủ nấu sôi rồi cho thịt nạc, gừng với lửa lớn. Khi nước sôi trở lại cho gạo đã ướp vào nồi và một quả trứng cắt nhỏ vào nấu cho nhừ.
– Sau khi cho hết nguyên liệu vào, nấu với lửa lớn trong 20 phút rồi chuyển sang lửa nhỏ nấu 1 tiếng rưỡi.
– Sau đó, cho trứng thứ 2 cắt múi vào, vớt thịt trong nồi ra, dùng đũa xé thịt ra thành sợi vừa ăn rồi cho lại vào nồi rồi nấu thêm nửa tiếng nêm nếm vừa ăn rồi tắt bếp.
Múc cháo ra chén cho miếng tiêu, hành ngò, dầu mè rồi thưởng thức.

Mách nhỏ:
– Khi ăn ta có thể cho thêm ít bánh cháo quẩy, món ăn sẽ ngon hơn.
– Khi nấu cháo thường hay bị dính nồi nên ta phải thường xuyên khuấy nồi cháo, nếu không dễ bị khét.
– Món cháo này thường ăn kèm với bún gạo xào hoặc mì xào.

Theo món ngon Việt Nam