Hi Rick,

We use http://www.mediawiki.org/wiki/Extension:SlimboxThumbs quite successfully within our enterprise, in exactly the same way.

We take screenshots in full size (or 800x600 actually), and insert them into pages as thumbnails. The extension makes it possible to click them to enlarge on the current page, using slimbox2.

I think I made some minor tweaks to the extension back when I implemented it, now that I think about it, so if you end up going this way, I'm happy to send you the code we use.

D

On 23/04/10 10:26 AM, Sabatino, Rick wrote:

I'm looking for some advice and you all seem to be pretty enterprising.

Here's a little background... I am implementing MediaWiki as a catalog for business processes and work instructions. Because many of the tasks documented are computer-based, they include many screen shots of the relevant applications. For new users, these screenshots are often critical to helping them navigate. If we were only designing this for new users, we would include larger images inline with the instructions. For experienced users, these images can be a frustrating distraction as they try to skim through a process with which they are already familiar for only some details. The middle ground solution was to include the images as thumbnails on the right margin. New users can click to view the full sized image and experienced users can navigate through the process with minimal disruption by the images.

Here's the challenge... I have had some feedback that requiring the user to click on the thumbnail and view the full-size image on a separate page, outside the context of the task instruction, is not desirable. I agree it is less than ideal. I have a solution that I know I could implement if I was designing a web page, but am not sure how to implement this inside MediaWiki.

The image is reduced to thumbnail size on the page, but when the user does a mouseover, the image enlarges. An example of this, complete with the JavaScript, is located here: http://www.nsftools.com/tips/ImageResize.htm.

I was thinking that this might be doable with a template, but before I spend a lot of time monkeying around, I wanted to get your advice.

• Do you know how to implement this, or something with a similar

result, using a template or extension?

• Is this something that would be overly difficult to implementing

in MW?

I can't help but think that this functionality would be useful in other implementations of MW. Any ideas?

Thanks, Rick Sabatino

---

MediaWiki-l mailing list MediaWiki-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

I am presently preparing a Wiki with a similar approach re. pictures. If you click a thumb, it pops up against a semi-opac background like in some Worldpress blog sites. The caption of the picture corresponds to the text at the image-Article. if you click the thumb without using JS, you get the original link to the Image article. My Javascript solution is of course just meant for this site and perhaps a little awkward, but may serve as a reference. For a page with examples, view: http://www.univie.ac.at/rel_jap/an/Bauten:Bekannte_Tempel. For the JS code: http://www.univie.ac.at/rel_jap/an/MediaWiki:Common.js, scroll for "Popups/Slideshow".

Bernhard

-----Ursprüngliche Nachricht----- Von: mediawiki-l-bounces@lists.wikimedia.org [mailto:mediawiki-l-bounces@lists.wikimedia.org] Im Auftrag von Sabatino, Rick Gesendet: Freitag, 23. April 2010 00:27 An: mediawiki-l@lists.wikimedia.org Betreff: [Mediawiki-l] Enlarging thumbnails

I'm looking for some advice and you all seem to be pretty enterprising.

Here's a little background... I am implementing MediaWiki as a catalog for business processes and work instructions. Because many of the tasks documented are computer-based, they include many screen shots of the relevant applications. For new users, these screenshots are often critical to helping them navigate. If we were only designing this for new users, we would include larger images inline with the instructions. For experienced users, these images can be a frustrating distraction as they try to skim through a process with which they are already familiar for only some details. The middle ground solution was to include the images as thumbnails on the right margin. New users can click to view the full sized image and experienced users can navigate through the process with minimal disruption by the images.

Here's the challenge... I have had some feedback that requiring the user to click on the thumbnail and view the full-size image on a separate page, outside the context of the task instruction, is not desirable. I agree it is less than ideal. I have a solution that I know I could implement if I was designing a web page, but am not sure how to implement this inside MediaWiki.

The image is reduced to thumbnail size on the page, but when the user does a mouseover, the image enlarges. An example of this, complete with the JavaScript, is located here: http://www.nsftools.com/tips/ImageResize.htm.

I was thinking that this might be doable with a template, but before I spend a lot of time monkeying around, I wanted to get your advice. * Do you know how to implement this, or something with a similar result, using a template or extension? * Is this something that would be overly difficult to implementing in MW?

I can't help but think that this functionality would be useful in other implementations of MW. Any ideas?

Thanks, Rick Sabatino

_______________________________________________ MediaWiki-l mailing list MediaWiki-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-l