11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

Cool Feature On A Site, How To Do It?

by mlmguru
9 replies
  • WEB DESIGN
    • |
I found a cool feature I would like to replicate for a client of mine. Does anyone know how I would go about doing something like what they have on this page here: Metal Roofing Colors & Coatings - Englert, Inc.

If anyone could point me in the right direction I would greatly appreciate it.
#cool #feature #site
  • Profile picture of the author moykan
    I'm looping that website With iPhone but cannot see it. Maybe there is flash content, i suggest to' optimize website for mobile phones and limit the use of flash content
    {{ DiscussionBoard.errors[3501514].message }}
  • Profile picture of the author Revenant45
    That website is using Flash to produce the color layer effect. Very very easy to do if you know Flash. You can do it with JavaScript or jQuery, but it would be slightly more programming involved.

    Its just a simple Flash actionscript .onclick eventListener and overlay effect. The most involved part would simply be producing the roof graphically with the proper transparency to show the colored layer. Any decent photoshop user could do that in an hour or less.

    This whole "optimize for mobile" especially for Apple devices is pure rubbish. Apple screwed themselves for not supporting Flash. There's 20x the mobile market that DOES support Flash. That includes the ever increasing numbers of Android and Windows 7 phone and tablet devices. Apple can go and take a flying leap.
    {{ DiscussionBoard.errors[3502005].message }}
    • Profile picture of the author moykan
      Originally Posted by Revenant45 View Post


      This whole "optimize for mobile" especially for Apple devices is pure rubbish. Apple screwed themselves for not supporting Flash. There's 20x the mobile market that DOES support Flash. That includes the ever increasing numbers of Android and Windows 7 phone and tablet devices. Apple can go and take a flying leap.
      I'm sorry but i look at the analytics and it says that the 90% of mobile traffic come from iphone, ipad and ipod... it meand that it's a big market slide that you must consider.

      I just seen that script on desktop pc, so i agree with other to make the same script with jquery, using a png (with holes ) forward and changing the background color.
      {{ DiscussionBoard.errors[3504494].message }}
  • Profile picture of the author AnthonyKrese
    It's a custom application built with Flash.

    I'm guessing a lot of designers would want to
    do it in Javascript these days.

    You MIGHT find something already scripted that you
    could work with on codecanyon(dot)net
    Otherwise, you could have it outsourced. It probably
    wouldn't cost that much.
    Signature
    What's for dinner tonight? Fast, easy, awesome recipes to keep the wife and kids happy!

    The Man's Cookbook
    {{ DiscussionBoard.errors[3502028].message }}
  • Profile picture of the author diggs11
    Homepage must be little longer i mean you need to add more designs and colors....
    Signature
    International Article Directory
    Premium Directory Uk
    {{ DiscussionBoard.errors[3504289].message }}
  • Profile picture of the author phpbbxpert
    You could implement this nicely in jQuery and CSS in a couple hours if the imaged were prepped properly.

    It would make it lighter and have better mobile acceptance.
    {{ DiscussionBoard.errors[3504605].message }}
    • Profile picture of the author RyanAndrews
      This would have been so easy in javscript, but by doing it in flash, they just lost loads of SEO opportunities.

      With CSS + JS, the house image could have appeared in google images, and the list of colours could have been a UL, to catch people searching for specific roof colours. Yeah, what a waste.
      {{ DiscussionBoard.errors[3505732].message }}

Trending Topics