# initial.js

**Repository Path**: mirrors_kikito/initial.js

## Basic Information

- **Project Name**: initial.js
- **Description**: Simple jQuery plugin to make Gmail like text avatars for profile pictures
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-09
- **Last Updated**: 2026-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

**initial.js**
==========
Simple jQuery plugin to make Gmail like text avatars for profile pictures.

---

[Demo][1]
--
Browser compatibility
---

 - Chrome
 - Firefox
 - Opera 9+
 - Safari 3.2+
 - iOS Safari 3.2+
 - Android Browser 3+ 

Usage
--
 
**Markup**

>  <img data-name="Steve" class="profile"/>

**jQuery code**

 > $('.profile').initial(); 


  [1]: http://judelicio.us/initial.js/
  
  Options
--
**Below options can be overridden with data-attributes inside the image element. Refer to the "data-attribute" column for related data-attribute for each option**

| Option      | data-attribute   | Description                                                    | Default                                                                                            |
|-------------|------------------|----------------------------------------------------------------|----------------------------------------------------------------------------------------------------|
| name        | data-name        | Name of the user which the profile picture should be generated | Name                                                                                               |
| height      | data-height      | Height of the picture                                          | 100                                                                                                |
| width       | data-width       | Width of the picture                                           | 100                                                                                                |
| charCount   | data-char-count  | Number of characherts to be shown in the picture.              | 1                                                                                                  |
| textColor   | data-text-color  | Color of the text                                              | #ffffff                                                                                            |
| fontSize    | data-font-size   | Font size of the character(s)                                  | 60                                                                                                 |
| fontWeight  | data-font-weight | Font weight of the character(s)                                | 400                                                                                                |
| radius      | data-radius      | Rounded corners                                                | 0                                                                                                  |
| seed        | data-seed        | Number to randomize the background color                       | 0                                                                                                  |