Instant Fancybox

Enhance the look of your web pages using the lightweight and highly customizable jQuery plugin Fancybox

Overview

• Learn something new in an Instant! A short, fast, focused guide delivering immediate results
• Create advanced and visually stunning image galleries with Fancybox
• Customize the look and feel of the Fancybox plugin
• Master how to work with Fancybox’s custom settings, events, and API
• Learn how to display videos and other iFrame content in Fancybox

In Detail

Fancybox is a lightweight, highly customizable jQuery plugin for displaying modal dialogs. Fancybox is incredibly versatile; it works with all sorts of different content including images, videos, iFrames, custom HTML, and even SWF files. Fancybox is also very easy to customize, making it a great tool for any pop-up-like feature.

Instant Fancybox is a hands-on guide which shows you how to use and customize the Fancybox plugin. The book provides step-by-step tutorials covering everything from simple installation to complex settings and features. This makes it a great way to get familiar with and ultimately master the Fancybox plugin.

This book walks you through how to get the most out of the Fancybox plugin for jQuery, starting with the installation of the plugin and how to work with the JavaScript events that Fancybox triggers.

You will learn everything you need to know about setting up Fancybox to show images, image galleries and slideshows, videos, and other content. You will also learn about the settings available within Fancybox and how to leverage them to make the Fancybox popup do exciting things. The Fancybox plugin has much to offer, and this book covers all of the features it provides. This book will provide you with all the information you will need to use the Fancybox plugin effectively.

What you will learn from this book

• Install and set up the Fancybox plugin
• Set up Fancybox image galleries and slideshows
• Add image thumbnails to galleries
• Use Fancybox with YouTube and other videos
• Employ Fancybox with custom content
• Customize the standard features of Fancybox
• Change the size and position of the Fancybox popup
• Modify Fancybox's keyboard shortcuts

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Instant Fancybox is a tutorial guide with step-by step instructions and practical examples to help you customize your web pages.

Who this book is written for

Instant Fancybox is great for web developers looking to learn more about the Fancybox jQuery plugin. The book assumes a working knowledge of HTML and CSS. Readers are also expected to have a basic understanding of jQuery and JavaScript.

Kyle Diedrick

Kyle Diedrick is a software engineer living in Irvine, California. He has been working on websites for the past 10 years. He has also been blogging about software development for roughly four years on his website, Graphics Unplugged. He has substantial experience working on websites using JavaScript, CSS, HTML, PHP, and most recently, CoffeeScript. He first discovered the Fancybox jQuery plugin while working at Great Wolf Resorts in 2010. He began using the plugin because of its flexibility.

Kyle does freelance website design and development through his personal website, Graphics Unplugged. Graphics Unplugged focuses primarily on websites but has recently begun expanding into mobile application development for both iOS and Android. He also writes blogs about website design and development.