You are previewing Instant Fancybox.
O'Reilly logo
Instant Fancybox

Book Description

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

  • 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.

Table of Contents

  1. Instant Fancybox
    1. Instant Fancybox
    2. Credits
    3. About the Author
    4. About the Reviewers
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. Instant Fancybox
      1. Installing Fancybox (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
      2. Fancybox with a single image (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Adding a caption
          2. Using a thumbnail
      3. Creating an image gallery (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Captions and thumbnails
          2. Showing slideshow from one link
      4. Displaying YouTube videos (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Other ways to set the content type
          2. Adding a thumbnail for the video
      5. Loading content via AJAX (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Changing the error message
          2. Changing the jQuery XHR object
      6. Loading additional types of content (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Showing inline content after closing Fancybox
      7. Adding thumbnails to a gallery (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Changing the thumbnail source
          2. Positioning the thumbnails
          3. Showing hidden content
      8. Adding buttons to image slideshows (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Changing the position of the buttons
          2. Adjusting the HTML template
      9. Customizing other helpers (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Adding CSS to the overlay
      10. Modifying styles and layout (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
      11. Changing slideshow settings (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. The index setting
          2. The direction setting
      12. Adding custom styles (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
      13. Changing animation effects (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
      14. Changing keyboard shortcuts (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
      15. Interacting with Fancybox (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
      16. Manipulating image slideshows (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
      17. Listening for Fancybox events (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...