The only issue is the images hug the border of the browser, but that is a style issue ;-) How do you set this up using this Asp.Net code ? I like it better then image replacements as I don't notice the flicker when the image changes size.

Christopher

Philip Taylor <mailto:p.tay...@rhul.ac.uk>
Friday, November 07, 2014 9:08 AM


Crest Christopher wrote:


Bear in mind that that Asp.Net code is being run on a bog-standard home PC, several years old, and uploaded on a slow ADSL link that can manage barely 448kb uploads. If you found it fast even bearing those facts in mind, think how fast it would be on a T1-connected real server.

Philip Taylor
Philip Taylor <mailto:p.tay...@rhul.ac.uk>
Friday, November 07, 2014 9:00 AM



Crest Christopher wrote:


It uses Asp.Net and is based on the code discussed here :

    http://forums.asp.net/post/3495197.aspx

Philip Taylor
Philip Taylor <mailto:p.tay...@rhul.ac.uk>
Friday, November 07, 2014 3:56 AM


Crest Christopher wrote:


Why not scale on-the-fly ? Visit :

    http://photos.for-charity.org/

click on any album thumbnail, then any image thumbnail, and notice that the resulting URL is of the form :

http://photos.for-charity.org/Shew/?img=/Flowers/Flower%281%29.jpg&height=720

Replace the final "720" with any realistic value and you will be delivered a new image of exactly that height. The watermarking is added dynamically at the same time.

Philip Taylor
Crest Christopher <mailto:crestchristop...@gmail.com>
Thursday, November 06, 2014 9:43 AM
I'd like to read the article, when you find the link.
There is only one issue, if I'm doing my own custom design with a smorgasbord of images etc. I have to find the largest, suppose a 5K image, then do my design magic in Photoshop, then scale the design at different resolutions. Question is, how many resolutions, one, three, five... ?

Christopher

Tom Livingston <mailto:tom...@gmail.com>
Thursday, November 06, 2014 7:02 AM
Swapping bg images is easy enough with media queries, however, many mobile device browsers will download images within other mqs. There is an easy way to stop this in most cases.

For example, my base mobile styles (because you build pages mobile-first, right?) have a bg img. I'll use that img until I hit a breakpoint of 37em at which point I'll swap to a larger img. As is, most browsers will download both imgs needlessly. You can easily stop this by wrapping the base style img in an mq like:

@media screen and ( max-width: 37em){
Background img here
}

Notice the mq is a max-width of the next breakpoint.

Can't put my finger on the article and research that shows this, but will look later.

HTH

Sent from my iPhone

______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to