Once people install a Widget they often get stuck editing it, referring to the developers webpages will reveal a lot about how a particular Widget works but it is never specific to Flux. Often the first stumbling block is how do I get more images in my Widget.
Some Widgets like Nivo Slider use a stack of images, one on top of the other which only allows you to see the top most image in the Edit window. Others like Fancybox Gallery uses images wrapped in a link, the <a> tag, which contains vital information for the gallery to work. Many other galleries work in a similar way.
The first thing you need to do after installing a demo gallery is a little bit of investigation to see how it is put together.
Just looking at the Edit window tells us little as all the images are stacked on each other, this is where the Navigator helps, within the DIV id:slider you can see the three images of the demo Nivo Slider. Each image can be selected in the Navigator and its associated attributes displayed in the Inspector. In this case src is the location of the image and title is the text you want to appear with the image.
The simplest way to add more images is to select one of the images in the Navigator and copy it, Edit -> Copy, then paste this before or after the selected image, Edit -> Paste in location -> Paste before/after selected item. Do this until you have enough images.
Now you have enough images but they are all the wrong image. Nivo slider works best with the same size images, so process your images in your favourite image editor and then add them to your project.
Once the images are added to your project it is easy to pick them in Flux. As before select the image of the Nivo Slider in the Navigator and in the Inspector Attributes src line click the disclosure triangle at the end and navigate to the desired image. In the title field add the text you want to show with each image. Repeat for every image.
This approach uses minimal code editing
Fancybox Gallery is a little more complicated but by using the same approach as above you can quickly add images
Looking in the Navigator you will see each image is wrapped in a link the <a> tag. Without this the gallery will fail. This time select the link that contains the image and paste before/after the selected link to get more images in the gallery.
This time you will need to add thumbnails and larger images to your project and set the paths for both. Selecting the img will allow you to set the src for the thumbnail. Selecting the link will allow you to set the href for the overlaid image.
Every developers gallery is different with differing capabilities and attributes that perform different tasks to find out more visit the developers web pages a link is included in the Widgets window.
Don't forget to remove the demo gallery images from your project.