Full size images can be of any shape, and the clever 'flexbox' layout system SuperBox uses will help position your images and written content to gain the best possible fit, in the available space.īoth caption and HTML content is supplied to SuperBox via HTML data- attributes. Although you can use landscape or portrait images for thumbnails, this can give the result of the thumbnail grid looking more disjointed and less aesthetically pleasing. The expanded SuperBox panel contains only written content or HTML (no full size image).įor best results, use square images (images of equal width and height) for the thumbnail images. Content / HTML Only gives you the choice of using either a dragged and dropped thumbnail image or a warehoused image.It also works for images you have added to RapidWeaver as resources. This is a good option to use if your images are stored at another location or you don't want to burden RapidWeaver with too much image data. Warehoused Images are images you setup using links.This is the easiest image source to use, however it will cause your RapidWeaver project file to grow in size, as it starts to store all the images. Dragged and Dropped images are images you drag and drop into RapidWeaver.This is a good image source to use if you want to quickly experiment with SuperBox, before using your own images. These images are repeated twice, to give a total of 90 images. Demo Images loads 45 sample images and dummy 'lorem ipsum' captions.SuperBox SourcesFour content sources are offered in SuperBox. Normal web browsers have a full address bar and the keyboard shortcuts you use will not conflict with those that RapidWeaver and Stacks uses. It is best to preview or export your SuperBox page to a normal web browser window, to test this. Please note keyboard navigation and anchor navigation does not work reliably in RapidWeaver preview. Spend some time experimenting with the different settings. You will find settings to adjust the height of expanded SuperBox panels, plus controls for navigation and caption positioning (if enabled). Save your changes and export or publish when done.Īs normal, mousing over any SuperBox settings will display an informational tooltip about what each setting does. Preview the webpage to see the image gallery.If you select image sources in edit mode, you can use the interface to reference or add your own images.Selecting the main SuperBox in edit mode gives you access to all its style and colour settings. We recommend the demo images, if you are just getting started.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |