Installing Fancybox (Simple), will show how to download and install the code for the Fancybox plugin in an HTML file.

Fancybox with a single image (Simple), will start out with a simple first crack at Fancybox. The simplest way to begin learning Fancybox is to create a basic HTML page, which shows a single image in Fancybox.

Creating an image gallery (Simple), will show how to create an image gallery that can be expanded inside Fancybox. The image gallery can then be viewed as an image slideshow.

Displaying YouTube videos (Intermediate), will show how to display a YouTube video inside Fancybox. We also cover getting the necessary information about the video from the YouTube website.

Loading content via AJAX (Intermediate), will show how to display an HTML file from a web server using Fancybox's AJAX content type. We'll also cover changing the error message that Fancybox displays if it cannot load the content.

Loading additional types of content (Intermediate), will show how Fancybox can load other types of content beyond just images, videos, and asynchronous HTML. We will also look at using Fancybox to load any iframe content, Flash (SWF) files, and inline HTML.

Adding thumbnails to a gallery (Simple), will show how Fancybox can display thumbnails of the images in our gallery. We will also look at changing the position of the thumbnails and changing where the thumbnail images are loaded from.

Adding buttons to image slideshows (Simple), will show how Fancybox can display buttons to interact with image slide shows. We'll take a look at using Fancybox to display these buttons and at ways we can customize them.

Customizing other helpers (Intermediate), will introduce helpers, which are additional features that are optional but technically a part of Fancybox. Here we take a look at two more helpers: image title and the transparent overlay.

Modifying styles and layout (Intermediate), will cover the ways Fancybox allows us to change the look and positioning of the Fancybox pop up.

Changing slideshow settings (Advanced), will look at changing all of the slide show related settings in Fancybox. This includes play speed, looping, automatically playing, and preloading images.

Adding custom styles (Intermediate), will show how Fancybox provides the ability to add custom classes to the Fancybox HTML. Here we take a look at how to add custom classes as well as the classes Fancybox uses by default.

Changing animation effects (Intermediate), will show how Fancybox allows us to change all of the animation effects. We take a look at changing all of the effects for opening and closing Fancybox as well as changing the effects for moving around inside an image slide show.

Changing keyboard shortcuts (Advanced), will show how Fancybox provides a handful of useful keyboard shortcuts by default. We will investigate changing these defaults as well as adding our own keyboard shortcuts while keeping the defaults.

Interacting with Fancybox (Advanced), will show how Fancybox provides a number of ways to open, close, or otherwise interact with the Fancybox pop up programmatically. We take a look at using JavaScript code to open and close the Fancybox pop up.

Manipulating image slideshows (Advanced), will show how Fancybox also provides API functions to interact with image slideshows. In this section we create some custom links, which trigger the standard next, previous, and play/pause functionality.

Listening for Fancybox events (Advanced), will show how to use the Fancybox callback events to run code at key points of the Fancybox pop up's life, including the following: just after it is displayed, just before it is closed, and just as the slideshow is paused. We also list all of the callback events that Fancybox provides.

For this book you will need at least a web browser and a text editor. For the recipe on AJAX content you will also need a web server which can host an HTML file. You will also need an Internet connection to download the Fancybox plugin and jQuery JavaScript and CSS files.

This book is aimed at frontend web developers looking to learn about the jQuery plugin Fancybox. It is expected that the reader should have some knowledge of JavaScript syntax as well as jQuery. It is also expected that the reader should have a basic understanding of HTML and CSS. However, I believe anyone with even a little experience in JavaScript, HTML, and CSS can pick up this book and learn how to use the Fancybox plugin.

In this book, you will find a number of text styles that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, and user input are shown as follows: "Create a folder called images alongside the index.html file and put the image in the folder."

A block of code is set as follows:

<!DOCTYPE html>
<html>
<head>
    <title>Chapter 1</title>
</head>
<body>
    <h1>Installing Fancybox</h1>
</body>
</html>

New terms and important words are shown in bold. Words that you see on the screen, in menus or dialog boxes for example, appear in the text like this: "click on the share tab as shown in the following screenshot:"

Feedback from our readers is always welcome. Let us know what you think about this book—what you liked or may have disliked. Reader feedback is important for us to develop titles that you really get the most out of.

To send us general feedback, simply send an e-mail to <[email protected]>, and mention the book title via the subject of your message.

If there is a book that you need and would like to see us publish, please send us a note in the SUGGEST A TITLE form on www.packtpub.com or e-mail <[email protected]>.

If there is a topic that you have expertise in and you are interested in either writing or contributing to a book, see our author guide on www.packtpub.com/authors.

Now that you are the proud owner of a Packt book, we have a number of things to help you to get the most from your purchase.