cropping graphics from outside links

Freeway
1

At our company’s website, on the home page we have a large weather
radar map that we access from a link from our National Weather
Service. Is there a way to crop that image even though it is coming
from an external source? Our area readers really enjoy the map and we
get a lot of page views of our home page because of it, but would
like to crop it down 25 to 50% to the parts of the map of most
interest to our immediate area, to make room for some other additions
to our home page.

http://wacondatrader.com/

Joe

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Whoops . . . wrong address:

http://www.wacondatrader.com/

Joe

On Mar 28, 2008, at 3:51 PM, Joe Sporleder wrote:

At our company’s website, on the home page we have a large weather
radar map that we access from a link from our National Weather
Service. Is there a way to crop that image even though it is coming
from an external source? Our area readers really enjoy the map and we
get a lot of page views of our home page because of it, but would
like to crop it down 25 to 50% to the parts of the map of most
interest to our immediate area, to make room for some other additions
to our home page.

http://wacondatrader.com/

Joe

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Sometime around 28/3/08 (at 15:51 -0500) Joe Sporleder said:

Is there a way to crop that image even though it is coming
from an external source? Our area readers really enjoy the map and we
get a lot of page views of our home page because of it, but would
like to crop it down 25 to 50% to the parts of the map of most
interest to our immediate area

An interesting challenge. Perhaps referencing it in a div that’s
positioned with negative coordinates so it is off the top and left
edges of the page, and then showing that page within an iFrame? With
no scroll bars?

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Coding the image as a background rather than foreground image opens up a whole world of tricks. I just coded this in TextMate:

#weather {
	background: url(http://www.srh.weather.gov/ridge/lite/N0R/UEX_0.png) no-repeat center center;
	height:200px;
	width:200px;
	border:3px solid #333;
}

And then put a DIV on the page with the ID weather. It neatly cropped the image down to just the central 200px square portion. If you wanted to maintain the current “click to get more info” behavior, you could simply put a clear GIF in the box and attach your link to that. Click on the HTML box and look at the Name property in the Inspector – that will become your ID to use. Leave the dimensions and border right out of it, and you will be able to control those with your Freeway layout.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options