[Pro] Switching image at breakpoints

I create or update a website only about once a year and I tend to forget what I’ve learned in between times. At the moment I don’t have the time or the energy to spend too long on this problem and I certainly don’t expect anyone else to put in effort I’m not prepared to. So unless there’s a quick answer to this, I’ll just do without.

What I would like to do is to switch from one graphic to another at specified breakpoints. For example, I have a banner which is 728x90 lying across the top of the page. I want this graphic to shrink as the screen width shrinks, in typical responsive manner, until I get to the mobile phone breakpoint when I want it to be replaced by a completely different graphic which is 180x150.

Is there an easy way to do this?
My current website is FW6 and Backdraft 1.5.
I’d like to rebuild it in FW7 and BD 2.

Thanks.

http://www.mindzones.co.uk/downloads.html


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

Hm,

if you expect an easy answer, I’m afraid to disappoint you.

“Switching” images whatever reason for, is currently (or still) under development by higher instances (W3C) - so no consistent way available.

I once did an example by using some javascript (picturefill) and the srcset-attribute to serve alternative img-versions and let the browser doing the rest (which worked somehow).

Maybe a good thing for a brave action-dev(il) doing some progressive enhancement???

But in all honesty:

I think you struggle with much more basic things than this - so for example how to place items in a relative world. This is how your artwork looks on a monolith 27":

which is caused by placing items via drag’n drop (absolute). I’d recommend solving this first.

Cheers

Thomas


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

Thanks Thomas. I thought there probably wouldn’t be an easy answer.

You’re right that I should address more basic issues, but in my defence, that page was a quick “bodge job” just to get a link page out very quickly. I’m aware it needs to be completely redone with proper positioning etc…

However, if you have a second, I’d appreciate you looking at the rest of the site and commenting on the layout of the other pages. Even though they’re very simple, they should be laid out correctly (although I think I had a few issues with the footer).

Thanks.
Isabelle


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

Hi Isabelle,

ahm - difficult, honestly.

I’m a grid fetishist (beyond other diseases) - so it’s hard to judge if this is a grid or more a “kind of”. You’ve got slight side scrolling which is mainly caused by the item called MainContentWrap. It has a width applied where I tend to say it should be “undefined” cause it has already a max-width applied.

I’m aware that all this stuff is extremely difficult (to describe and to understand) - and to examine in all its details.

What I can’t judge is design - but I’m perhaps more on the brighter side of color-life. So I’m not sure if a dark-blue is making me fear or giving me hope.

And there we are at another significant point:

The starting-point of all my projects these days is editorial stuff. Structuring this content (how many disciplines, how many pages, what menu-entries …) is bringing me to the Grid. Once done - fill the Grid by content. At this stage, my page is still B&W cause box-decoration is redundant - and the final step (some colors, nice FONTs and some images).

So probably I’m not really the right one to comment other projects.

Cheers

Thomas


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

Thanks for the feedback Thomas. I’ve been thinking for a while that it was too dark. I intend to eventually redo the whole thing with much cleaner lines.

I’ve been building this using trial and error rather than really understanding what’s going on. It is all a lot more complicated than I’d like it to be.

Cheers,
Isabelle


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