Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How does this site work?

    Hi, i am starting to learn how to build sites and am finding sites all the time and wondering how they work.

    This site in particular has caught my eyebecause it has the dynamic image resize.


    Can someone please explain in the simplest terms they can what sort of structure is behind it and what I would need to build similar.

    Thanks in advance

    Sim

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What site?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh now i feel pretty stupid

    its http://www.j-carrier.com/splash.php

    Thanks again

  • #4
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,512
    Thanks
    8
    Thanked 1,090 Times in 1,081 Posts
    Looks like they did the whole site with Flash.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Are you talking about just the background image on the front page or are you talking about the actual site that has the rest of the photos?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder
    Join Date
    May 2008
    Location
    Lost in Localhost...
    Posts
    702
    Thanks
    3
    Thanked 43 Times in 42 Posts
    Yeah. They have just used Flash for all their site.
    I find it slow loading and frankly annoying...

    Check this sticky for some Flash tutorials.


    (But the image resize thing is pretty cool)

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The image resize thing on the front page can be done with html/css.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks everyone, yeah it's the front page I'm interested in as that was something that i hadn't seen before.

    Sim

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #10
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, thanks for the links. This is how far i've managed to get

    www.simdavis.com/test/index.html

    There are a couple of things that bug me compared to the website i mentioned. There is a strange border around the edge that i don't know how to change.

    The image on the site i mentioned will load in the background before showing itself.


    Sim

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Did you upload your reset.css?

    You could use javascript to try and hide the image in the div and then onload change the divs display to block.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    New to the CF scene
    Join Date
    Dec 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No I hadn't, thanks aerospace. Done it now and it has got rid of the scroll bars

    http://www.simdavis.com/test/index.html

    The main design elements that i wanted to be able to reflect from the other site were;
    - Full browser picture
    - When image is loading then the browser is just black
    - the image displayed is random

    are these possible with the html/css method that i'm using?

    Thanks again

    Sim

  • #13
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You'll need to change the background color to black. For the random image you'll need to use javascript or some kind of server side language so in short no not with just html/css.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •