Customize your ThumbList for your gallery
18 February 2011
This tutorial will show you how to customize your thumbList for your gallery and remove the rollover and click color effect.
- If you don’t see any difference, check the gallery on a white background
Let’s go and make this color effect disappear !
Step 1
: Get the thumbList’s fla
- Go on Silex’s homepage (click on the image to go directly on the site)
- Select “Download” (click on the image to go directly on the site)
- Download the “Design Kit” (click on the image to download it directly)
When it’s done, go to the design kit directory, choose “skins”, “default_as2”, “Thumblist” and then the “Thumblist.fla”
Step 2
: Modify your ThumbList with Flash
Note : for precautions, it’s better to save a copy of the original ThumbList.fla
- Open your ThumbList.fla in Flash
- Select the “ThumbCellRenderer” in the library
- In the scenario, select the bg_btn
- Select it on the stage too
- Choose the “Properties” toolbox
- In the “color effect”, choose the alpha style
- Put the alpha to zero
Name and export your .swf animation. It’s done !
Step 3
: Integrate your new .swf in your Silex server
You can make the integration directly from your publication.
- Open your publication in edition mode
- Select the layer on wich one you want to add your gallery
- Click on “add component” and choose “Thumblist” in the list
- Click on the “+” (add skin appears on rollover)
- A pop-up opens ; browse into your files and choose your customized Thumblist (here named MyNewThumblist”
- A message “File upload complete” appears
- You can now choose your thumblist in the menu and click on “import”
- Your Thumblist appears on your components toolbox and you can now use it !
This tutorial is finished !