FAQ
Here is a short list of Frequently Asked Questions (and their respective answers).
- How can I optimize my photos for the web?
- Please view my blog post on this subject here.
- Does weaverPix work with PlusKit's @import()?
- Yes, however, loading images from a local folder will not work when @import is used to import a weaverPix page into another RapidWeaver page.
- Can I import a weaverPix page into a Blocks page?
- Yes, however, loading images from a local folder will not work when @import is used to import a weaverPix page into another RapidWeaver page.
- Can I import a weaverPix page into a Stacks page?
- Yes, however, loading images from a local folder will not work when @import is used to import a weaverPix page into another RapidWeaver page.
- I have MobileMe, can I use weaverPix?
- Yes. However, since MobileMe does not support PHP, you can not take advantage of photo sharing services such as Ember or Flickr.
- Does weaverPix work with Accordion?
- Yes, however, the 'Load MooTools using Google's servers' option must be enabled in weaverPix's Advanced Preferences.
- How do I add captions for photos imported from a local folder?
- Captions are automatically imported from a .txt file with the same name as the photo. For instance, if I had a photo named my_fantastic_vacation.jpg, the caption will be the first line from a .txt file called my_fantastic_vacation.jpg.txt. Please see the setup guide for further details and screenshots.
- My images overlap! How do I prevent a larger image from appearing behind a smaller image?
- Check out the Advanced Preferences. Specifically the 'overlap' option. This will stop the 2nd animation from starting until the 1st one is complete.
- My image isn't centered in a Push slideshow?
- If you are using a slideshow with images that are different sizes, the Push transition will not automatically center the images. This is not a bug, but actually how the transition was designed. If you would like to center the images with a Push-like effect you will need to do the following:
- Set the slideshow transition to 'Fade'
- (Optional) Turn off 'Overlap' in the Advanced Preferences
- Enter the following CSS code into the Custom CSS of the page:
.slideshow-[unique_id]-images-visible {
margin-left: 0;
}
.slideshow-[unique_id]-images-prev {
margin-left: [slideshow_width]px;
}
.slideshow-[unique_id]-images-next {
margin-left: -[slideshow_width]px;
}
- If you would like the animation in the reverse direction, move the negative sign (-) from the -next to the -prev such that the code reads:
.slideshow-[unique_id]-images-visible {
margin-left: 0;
}
.slideshow-[unique_id]-images-prev {
margin-left: -[slideshow_width]px;
}
.slideshow-[unique_id]-images-next {
margin-left: [slideshow_width]px;
}