====== Toplist images ======

{{:te3:button_menu4.png?nolink|}}
~~NOTOC~~


In the "Toplist images" menu you can view and manage images downloaded by the [[te3:toplist_thumb_grabber|Thumb grabber]]. Based on these images, you can create a "Thumb toplist".

There is an alternative method to manage "Images". Navigate to the [[te3:overview|Overview]] menu, click {{:te3:overview_edit_icon.png?nolink|}} Edit icon for a desired trade and expand "Toplist images" accordion.

----

===== Manage images =====

In the "Toplist / Images" menu you can manage all "Images" for all trades from a single page.

{{:te3:toplist_img4.png?nolink|}}

|< 100% 3% 13% 84% >|
^ # ^ Action ^ Description ^
| 1. | Checkbox | you can checkbox one or multiple records for manipulation. There is a ''mass checkbox'' option - click on it to select or deselect all entries. | 
| 2. | Add record | we strongly recommend you to use [[te3:toplist_thumb_grabber|Thumb grabber]] to download images automatically from your trades. If you prefer, you can add new images manually, but this can be time consuming. Click  {{:te3:interface_plus.png?nolink|}}icon once to add a single image or multiple times to add multiple. | 
| 3. | Preview single | place your mouse pointer over {{:te3:icon_preview.png?nolink|}} icon to preview the respective thumb. | 
| 4. | Size | width and height of the respective thumb. You have to specify the values in the [[te3:toplist_thumb_grabber|Thumb grabber]] module, before you download thumbs. |
| 5. | Group | you can sort toplist images into image groups. | 
| 6. | Delete single | click {{:te3:backup_delete.png?nolink|''+ icon''}} for each image you would like to delete. Images are NOT instantly deleted. You have to click {{:te3:button_save.png?39x17nolink|}} button to proceed. | 
| 7. | Domain | domain name for the respective trade. Trades ([[te3:trade_types#Normal trades|active and inactive]]) are sorted alphabetically. |
| 8. | Delete multiple | check box trades from which you would like to delete all images and click {{:te3:button_delete.png?40x17nolink|}} button. You can use ''Mass select'' in the table header to select/deselect all trades at once. |
| 9. | Save | click {{:te3:button_save.png?39x17nolink|}} button to save any changes you have made in the "Toplist images" menu. | 
| 10. | Preview multiple | click {{:te3:button_preview.png?50x17nolink|}} button and view all downloaded thumbs in the "Thumbs preview" pop-up window. |  

----

===== Images tags =====



|< 100% 15% 23% 62% >|
^ Parameter ^ Description ^ Example ^
| ''##img:x##'' | **Standard image tag** | ''##img:4##'' will print image path for trade ranked ''#4''. If multiple images exist for the respective trade, they'll be randomly rotated each time toplist is generated.| 
| ''##img-x:x##'' | **Image with specified position** | ''##img-3:5##'' will print "3rd toplist image path" for trade ranked ''#5''. Make sure you have at least 3 toplist images added, otherwise this example won't work as expected. | 
| ''##image_group:img:x##'' | **Image group** | ''##small:img:4##'' will print Image path for trade ranked ''#4'' with "Image group" small. Make sure that image with "Image group" small for trade ranked #4 exists, otherwise this example won't work as expected. | 


----

===== Create a thumb toplist =====

We have prepared tutorials for various types of toplists - learn how to create a:

  *  [[te3:toplist_tutorial3|Basic thumb toplist]] 


----


===== Related topics =====

  * [[te3:toplist_thumb_grabber|Thumb grabber]]

  * [[te3:toplist_index|Toplist templates]] - view toplist template syntax, learn how to add and manage toplists