webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
Version 2 is completely rewritten with new features and updated graphics.
- Extendable using helpers
- Responsive (try resizing window while fancyBox is open)
- Integrated slideshow
- New gallery transitions
- Uses CSS3 (shadows, round corners)
- Updated plugin options (not compatible with previous versions)
- Now licensed under Creative Commons Attribution-NonCommercial 3.0
Download the plugin, unzip it, copy files and include fancyBox script and stylesheet in your document (you will need to make sure the css and js files are on your server, and adjust the paths in the script and link tag). Make sure you also load the jQuery library. Example:
Create link elements whose href attributes will contain the path of the element you wish to open within the fancyBox.
Attach fancyBox when the document is loaded. If you are not familiar with jQuery, please, read this tutorial for beginners.