As a French person I feel like it's my duty to explain strikes to you. - AdrienIer

Create an account  

 
Screenshot tag testing

Works on Google Chrome.
Reply

I will work on an icon. (or steal one somewhere hehe)

You should have full server access very soon.


KoP
Reply

T-hawk Wrote:Yes, that's exactly what it's doing. One upside is that the functionality degrades usably if javascript is disabled, the image simply appears full size. Feel free to view source and see how it works. Search for "setSmallShot" .

I wish I could set the height and width attributes on the <img> tag ahead of time, but that approach doesn't work out. Can't just set 800 and 600 or else images with a different aspect ratio will appear skewed. Dynamically calculating them from the image would require some server-side code, and I don't know a word of PHP or how (if it's possible at all) to start hacking that into vBulletin. I think they could be parameterized into the [screenshot] tag, but then anybody posting an image has to go look up and type in its dimensions.

Awkwardness on a few mobile devices shouldn't warrant killing the feature though, since it is a great gain where it works. I'll think about it some more, although I don't have a smartphone or any mobile browser to see it myself.

Okay I think I've figured it out. First you need to stop using attributes from the 90s like height and width and use CSS. lol Set the image to max-height: 800px and max-width: 600px on page load. This preserves the aspect ratio while clamping the image to those dimensions. If you can only set the <img> tag's attributes then insert the HTML as [HTML]style="max-height: 800px; max-width: 600px;"[/HTML] and it should work.

This does mean that if Javascript is disabled then the smaller image will be shown of course.
Reply

KingOfPain Wrote:You should have full server access very soon.

I'm a little new here, but this seems like a QoTM to me.
Merovech's Mapmaking Guidelines:
0. Player Requests: The player's requests take precedence, even if they contradict the following guidelines.

1. Balance: The map must be balanced, both in regards to land quality and availability and in regards to special civilization features. A map may be wonderfully unique and surprising, but, if it is unbalanced, the game will suffer and the player's enjoyment will not be as high as it could be.

2. Identity and Enjoyment: The map should be interesting to play at all levels, from city placement and management to the border-created interactions between civilizations, and should include varied terrain. Flavor should enhance the inherent pleasure resulting from the underlying tile arrangements. The map should not be exceedingly lush, but it is better to err on the lush side than on the poor side when placing terrain.

3. Feel (Avoiding Gimmicks): The map should not be overwhelmed or dominated by the mapmaker's flavor. Embellishment of the map through the use of special improvements, barbarian units, and abnormal terrain can enhance the identity and enjoyment of the map, but should take a backseat to the more normal aspects of the map. The game should usually not revolve around the flavor, but merely be accented by it.

4. Realism: Where possible, the terrain of the map should be realistic. Jungles on desert tiles, or even next to desert tiles, should therefore have a very specific reason for existing. Rivers should run downhill or across level ground into bodies of water. Irrigated terrain should have a higher grassland to plains ratio than dry terrain. Mountain chains should cast rain shadows. Islands, mountains, and peninsulas should follow logical plate tectonics.
Reply

ha tee ha ha.
Smacks Merovech with an iron trout!


KoP
Reply

NobleHelium Wrote:Okay I think I've figured it out. First you need to stop using attributes from the 90s like height and width and use CSS. lol Set the image to max-height: 800px and max-width: 600px on page load.

Beautiful, thanks a bunch. That's a much better way to do it. I can't easily patch into a .CSS file, but I can put <style> inline in the HTML. And then the click toggle becomes as simple as swapping the class name on the image element. Disabling or lacking javascript means you can't click for full size, but that's an acceptable tradeoff, since if you really need you can always right-click to navigate to the image URL directly.

I changed it now here. Still works in Firefox/Opera/IE8 for me. Anyone want to give mobile devices another shot?

(And yes, my HTML knowledge does date from about 1997. I program C# and SQL in my day job, not artsy-fartsy browser stuff. lol)
Reply

Yeah and I mixed the two dimensions up, I keep doing that. banghead

Edit: working fine on my phone still, and fixes the initial autozoom problem.
Reply

Works great on an iPhone.
I have to run.
Reply

Works on firefox on my phone smile
...wounding her only makes her more dangerous! nono -- haphazard1
It's More Fun to be Jack of All Trades than Master of One.
Reply

Works nicely on my iPad (iOS 5.1.1)
Reply



Forum Jump: