Instant Fancybox

Instant Fancybox - Opis

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