Customize your ThumbList for your gallery

Posted by
|

 

This tutorial will show you how to customize your thumbList for your gallery and remove the rollover and click color effect.

Before starting look at the before / after

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 !

News letter

Evénements Silex Labs sur Paris et sa région: Inscrivez vous à la Newsletter mensuelle

Silex Labs community Tweets

Facebook page