Sign up Sign in

C_plus_image-medium-58542what's new

Randi Embree updated 5 days ago by Mike Phillips
Sophia Aguinaga updated 5 days ago by Mike Phillips
Jill Fuglister updated 11 days ago by Mike Phillips

C_plus_image-medium-58542contribute

Help Connectipedia Thrive
 
Add_edit_icon-medium-58886 add/edit information
Something missing or wrong? Fix it!
 
Conversation_icon-medium-58894 join the conversation
Have experience or ideas? Comment!
 
Info_icon-medium-58896 identify needs
Something lacking? Call for it!
 
Follow us on twitter: @connectipedia

C. Including Images Within a Card

To use a photograph or picture or any kind of image in connectipedia:

  1. Click here to create an image card.
    Any way you create a card will work, as long as you set its card type to "image". See How Do I Create a New Card? for an explanation of creating new cards.
  2. Upload an image from your computer to the image card.
  3. Include the card wherever you'd like the image appear:

Including an image is like including any other card — just put the name of the image card you want to include in double-curly-brackets: {{cardname}}.

 

For example, there is already an image card named "Phoebe Owens+Image".  If I want to include it here, I just type  {{Phoebe Owens+Image}}, and I get:

 

 

Phoebe_owens+image-medium-44740

 

Image Sizing and Location

 

By default images will appear medium size, but you can change this with a size instruction after the name of the card, such as {{Phoebe Owens+Image|size:small}}:

 

Phoebe_owens+image-small-44740

 

There are several sizes available, restricting the maximum height and width of the image. They will always keep the original image's relative height and width.

  • icon (16 pixels)
  • small (75 pixels)
  • medium (200 pixels) - default if no size is specified
  • large (500 pixels)
  • full (size as uploaded, only works on some file types, including .png and .jpg)

 

By default images will appear exactly where you include them, and text does not wrap around them.  If you want an image aligned at the right or left edge, and to have associated text wrap around it, you can do that by adding something like {{Phoebe Owens+Image|float:right}} or {{Phoebe Owens+Image|float:left}}.

 

Phoebe_owens+image-medium-44740
The image to the right here uses float:right.