Collapsible Pictures and explanations -- Boxes

rebollo_fr: the new work you have been doing has added new functionality to the Camerapedia site on a scale of magnitudes better!!! --GitzoCollector 17:11, 21 December 2010 (EST)

Press me !
Again !
NICE!!!--GitzoCollector 15:14, 20 December 2010 (EST)

This was a pain to code, but works very nicely...:

VERY useful.. --GitzoCollector 17:11, 21 December 2010 (EST)
This is a work in progress.

Collapsible Pictures and explanations -- Sections

great it.... but it comes out all centered! something in the underlying, enabling code? and can we have it that it defaults to 'closed' when the page is opened? --GitzoCollector 16:41, 21 December 2010 (EST)
The "NavFrame" class is supposed to be centered by default, to provide navigation boxes at the bottom of the pages. You can override the setting with align="left" inside the <div> tabs. --rebollo_fr 06:10, 3 January 2011 (EST)

This is a work in progress.

Underlying Code Problem: expanding or collapsing jumps reader to the top of the page

rebollo_fr...did you change something in the base code? yesterday, when I clicked on my image examples below, the new submenu opened right next to it, and the page stayed stable on the screen...which is of course what I want. Now it does it too, but the page automatically redisplays from the top, and I have to scroll down again.. some when I close the window that's really counterproductive... maybe you did a minor tweak somewhere and this was the unexpected, and hitherto undetected side effect? --GitzoCollector 16:20, 21 December 2010 (EST)
I pasted in a section of collapsible code you just wrote to the bottom of the page..check out the unexpected side does in both Safari and Firefox--GitzoCollector 16:23, 21 December 2010 (EST)
I added a function to the Javascript Mediawiki:Common.js. It should have been available by default, but for some reason it seems that it was not there. It looks like the problem is fixed now. --rebollo_fr 06:10, 3 January 2011 (EST)
This is a work in progress.

Sizing of images-- Formatting help needed, please

Hi guys...
I am struggling with some wiki coding (I know how to control all of this in html, but not in wiki...). In that table row, I want the oblong image to be of the same height as the two square images. Ideas? It looks so untidy right now (and the table will have a series of rows like this...)
If so, can yo adjust the code in the first row in sand box here? And I can then glean the underlying logic from there... (I looked at the wikipedia table pages but got no where when it came to image size control... Thanks! --GitzoCollector 17:04, 19 December 2010 (EST)

The problem is not really with the wiki, but with Flickr image hosting. Because the different sizes available through Flickr are determined by the picture's longer edge, any difference in the aspect ratio of the image will be visible when you put the images side by side. This is something quite annoying; sometimes I have to fight to overcome this by computing the ideal aspect ratio then cropping the image. In that particular page, I think you have to frame the longer picture differently (less cropping at the top and bottom) until it coincides with the height of the smaller images (it can be computed beforehand of course). --rebollo_fr 06:37, 20 December 2010 (EST)
In html (as well as in Wikipedia) you can add tags that control the image dimensions and scale it accordingly. So I can set the height to 240 (which is the size of the square's sides, and the image will adjust automatically. There should be a tag option in this Wiki coding as well, just what does it look like?... --GitzoCollector 15:12, 20 December 2010 (EST)
The MediaWiki software probably allows you to change the style of the image, giving you access to the width and height dimensions. I'm not sure that it's worth the effort, though.
Once you figure out how to change the dimensions, it will get awkward quickly. The particular image that you want to make larger would look blurry or blocky, if you tried to increase it's height. (When you take a small image and try to stretch it larger, you run into problems with upsampling.) On the other hand, you could take a larger image and use html to make the dimensions smaller, but that also leads to problems.
The best bet is to find an image that has a native size that's right for your purposes. Rebollo talked about cropping to get the right size. That's probably the least complicated fix. --Lbstone 09:18, 29 December 2010 (EST)

This is a work in progress.
This is a work in progress.
Community content is available under GFDL unless otherwise noted.