Image Sizing w/ Frames

Image Sizing w/ Frames

Hi Will,

Is there a way to change the size of an image when using frames? It works w/o frames but once I add that parameter, it reverts to the original size.

Thanks!

- Z

Riacale15:52, 30 May 2011

Hi Zack,

Unfortunately not - the frame parameter causes images to ignore any size specifications (this is MediaWiki default behaviour and not a bug). I usually use the thumb parameter instead:

For example:

[[File:ExampleImage.jpg|thumb|100px|Caption]]

looks like this:

Caption

Another option might be to use inline css to create a frame. For example:

<div style="float:left; margin-right:1em; padding: 7px 7px 11px 7px; border:1px solid #cccccc;"> [[File:ExampleImage.jpg|100px|Caption]]</div>

looks like this:

ExampleImage.jpg



Let me know if either of these options will work for you.

Cheers,

Will - WikiAdministrator17:09, 30 May 2011
 

I used the 2nd option. The only "disadvantage" is that the caption will be ordinary text, which isn't that big of a deal.

Thanks!

- Z

Riacale17:16, 30 May 2011
 

The thumb parameter treats captions similarly to frames. The main difference is being able to resize the image and the little square icon that gets added to the caption space. Are you trying to do anything specific with the caption text - I can try to think of other work arounds.

Cheers,

Will - WikiAdministrator17:21, 30 May 2011
 

Nothing specific really. I mean the only advantage of having the caption w/in the frame is that it's a visual cue for information relating to the image.

I chose the 2nd option because I wanted to have the image a bit prominent on the page I'm working on. If you can think of other work arounds that would be great but it's nothing critical.

Thanks!


PS I talked to Lydia and we both agreed that it's okay to put the T & L portal on the front page. Let the firestorm of feedback begin!

Riacale18:05, 30 May 2011
 

Great - I'm heading to Etug later this week and it will be nice to have the T&L Portal featured.

As far as the images go, you can add the caption text inside the div to make it more caption like. Here's your image:

Resource-Sharing-Diagram.png
This illustration presents the content sharing strategy employed at CTLT.
Here is a diagram of the same process applied on the UBC eLearning Wiki Toolkit.


I still like the thumb option, which looks a little cleaner in my mind:

This illustration presents the content sharing strategy employed at CTLT. Here is a diagram of the same process applied on the UBC eLearning Wiki Toolkit.

Cheers,

Will - WikiAdministrator18:33, 30 May 2011
 

Ah! You're right! I thought when you mentioned the thumbnail option that the images will be appearing as thumbnail. I didn't know that I can set the the size.

Thanks!

- Z

Riacale20:54, 30 May 2011