scale « image « Javascript HTML CSS Q&A

1.	animation
2.	audio
3.	background
4.	browser
5.	button
6.	canvas
7.	checkbox
8.	Cookie
9.	Development
10.	DIV
11.	dom
12.	dropdown
13.	editor
14.	element
15.	Event
16.	Firefox
17.	flash
18.	font
19.	Form
20.	frame
21.	hide
22.	hyperlink
23.	IE
24.	iframe
25.	image
26.	innerHTML
27.	json
28.	layout
29.	Library
30.	localStorage
31.	Menu
32.	mobile
33.	onclick
34.	popup
35.	Render
36.	scroll
37.	scrollbar
38.	svg
39.	tab
40.	table
41.	tag
42.	text
43.	TextArea
44.	TextBox
45.	validation
46.	video
47.	window
48.	xml

Javascript HTML CSS Q&A » image » scale

1. How to preserve aspect ratio when scaling image using one (CSS) dimension in IE6? stackoverflow.com

Here's the problem. I have an image:

<img alt="alttext" src="filename.jpg"/>

Note no height or width specified. On certain pages I want to only show a thumbnail. I can't alter the html, so I use ...

2. Scaling multiple images to fit inline in a div? stackoverflow.com

Is there an efficient way to scale a number of images so that they can fit inline inside a fixed-size div? I'm assuming it would be possible to do by using javascript ...

3. Can I disable Safari's smooth image scaling? stackoverflow.com

I'd like to scale some pixel-art images up in-browser. Because they're pixel art it looks horrible if image smoothing happens. In Firefox I can disable smoothing with "image-rendering:-moz-crisp-edges". In IE there's "-ms-interpolation-mode:nearest-neighbor"... which ...

4. Javascript transitions on CSS scaled images perform poorly stackoverflow.com

I am working on a front page gallery which has several images, scaled to fit the page via CSS. The images fade from one to the next (overtop of each other), and ...

5. Move and scale image in html and javascript stackoverflow.com

I have an image tag, size 100x75. The image it is holding is scaled down from 150x112. I don't want the image scaled down, that much, but I still want the ...

6. Using javascript to show a grey-scale version of an image on mouse-over. in firefox its possible? stackoverflow.com

<!DOCTYPE html>
<html>
 <head>
  <title> New Document </title>
<script type="text/javascript">
window.onload = function ()  {
  var area = document.getElementById('area');
  alert('area:'+area);   
  var context = area.getContext('2d');
  alert('context:'+context);
 ...