Hi
I'm trying to use fancybox and have managed to follow the documentation in the readme until the last step just says:
"Site configuration" > "Fancybox"
but this is were I get lost.
I've simple gallery of images (nodes) which I would like to view using fancybox but I can't quite understand how to activate.
In the admin/settings/fancybox the activation subsection looks OK (I didn't change any defaults)?
Under Image module subsection I've checked the box "Enable Fancybox on Image nodes" but on returning after save the box is unchecked again - could this be my problem?
Any help would be greatly appreciated
Tan
Comments
Comment #1
tanma commentedOk, for anyone who needs a bit of help, here's what I found :
1) Ensure plugin detected: "Site configuration" > "Fancybox" ensure you have the display message "Plugin detected, using jquery.fancybox-1.3.1.js and jquery.fancybox-1.3.1.css". This was my key prob, wouldn't display for me until I had "touched" the setting ie. saved some configuration on this page.
2) Have image cache presets: "Site building" > "ImageCache" make sure you have defined some presets eg. small 100px, large 500px
3) Place for image: "Content management" > "Content types" chose a type from the list (or can create a new type) and click on the "manage fields", add new field of type "file", operations "image"
4) Size pre-click: "Content management" > "Content types" > "manage fields" > "display fields" set the Teaser (and/or Full node) for your new field to "Fancybox: small" (or what ever presets you made)
5) Size post-click in fancybox: "Site configuration" > "Fancybox" scroll down to "ImageField module" section and set the size in the "ImageCache preset".
...and of course create the content for this content type.
No need for image module (as first mentioned above - think CCK implementation on images is preferred?) and in any case there seems to be bug in the fancybox settings
Note: can use fancybox on images that are placed inline body text, use Insert module. Follow steps above. Don't forget to "Enabled insert styles" to include fancy box presets under "Content management" > "Content types" > "manage fields" > "configure" > scroll down to "insert" section
Fantastic module, lookin forward to its stable release....:-)
Comment #2
ssarkarhyd commentedHi,
I am trying to follow tanma's steps in detail.
1) Ensure plugin detected: "Site configuration" > "Fancybox" ensure you have the display message "Plugin detected, using jquery.fancybox-1.3.1.js and jquery.fancybox-1.3.1.css". This was my key prob, wouldn't display for me until I had "touched" the setting ie. saved some configuration on this page.
2) Have image cache presets: "Site building" > "ImageCache" make sure you have defined some presets eg. small 100px, large 500px
3) Place for image: "Content management" > "Content types" chose a type from the list (or can create a new type) and click on the "manage fields", add new field of type "file", operations "image"
4) Size pre-click: "Content management" > "Content types" > "manage fields" > "display fields" set the Teaser (and/or Full node) for your new field to "Fancybox: small" (or what ever presets you made)
5) Size post-click in fancybox: "Site configuration" > "Fancybox" scroll down to "ImageField module" section and set the size in the "ImageCache preset".
I am able to get a node with multiple image thumbs but upon clicking on any of them I am unable to open them in a fancybox
Comment #3
masher commentedI found this solution fixed my problems with Fancybox not working.
http://drupal.org/node/985552