Where is my head and body?

Discussion in 'Web Design' started by Winterchase, Oct 1, 2005.

to remove all ads.
Thread Status:
Not open for further replies.
  1. Winterchase

    Winterchase New Member

    Messages:
    151
    When you stop laughing and making smart*** remarks, how about a little help?

    I'm wanting to put up sort of a slide show on my site to replace the lady with the jar. Maybe give it a little action. Something different.

    There's a problem. I downloaded this but the instructions were a little lacking. How much of this do I insert in the head, and where is the head? The same for the body. What I should insert maybe you could bold for me so I'll know? I'm using FrontPage, if that'll help.

    Thanks in advance. I'm excited about it.

    <!-- TWO STEPS TO INSTALL RANDOM IMAGE:

    1. Copy the coding into the HEAD of your HTML document
    2. Add the last code into the BODY of your HTML document -->

    <!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

    <HEAD>

    <SCRIPT LANGUAGE="JavaScript">

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    // Set up the image files to be used.
    var theImages = new Array() // do not change this
    // To add more image files, continue with the
    // pattern below, adding to the array.

    theImages[0] = '1.gif'
    theImages[1] = '2.gif'
    theImages[2] = '3.gif'
    theImages[3] = '4.gif'

    // do not edit anything below this line

    var j = 0
    var p = theImages.length;
    var preBuffer = new Array()
    for (i = 0; i < p; i++){
    preBuffer = new Image()
    preBuffer.src = theImages
    }
    var whichImage = Math.round(Math.random()*(p-1));
    function showImage(){
    document.write('<img src="'+theImages[whichImage]+'">');
    }

    // End -->
    </script>

    </HEAD>

    <!-- STEP TWO: Copy this code into the BODY of your HTML document -->

    <BODY>

    <SCRIPT LANGUAGE="JavaScript">

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    showImage();
    // End -->
    </script>

    <p><center>
    <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
    by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
    </center><p>

    <!-- Script Size: 1.49 KB -->
     
  2. StephanieCordray

    StephanieCordray New Member

    Messages:
    1,017
    If you're not familiar at all with javascript it can be a little confusing.

    If you are using an html editor (doesn't matter which one as long as you can access the code view and you can with FrontPage) you will already have the tags in there so you would copy and paste the part of the script between these two tags <HEAD> </HEAD> into your page. The tags in your code may be lowercase but it's still the same thing... HTML doesn't distinguish between upper and lower case letters.

    Now you don't want to do this in layout view, you must be in code view to do it. When you are looking at the code, paste it at the bottom of where everything else ends between those tags... a lot of that information already there is your metatags and you don't want to paste javascript in the middle of them... it will still work but make it awfully hard on the search engines.

    The rest of it goes between <BODY> </BODY>.
    This is where you add your images by file name. Replace the names the script is using with the names of your image files. eg. 1.gif will become yourpic.gif or yourpic.jpg.

    theImages[0] = '1.gif'
    theImages[1] = '2.gif'
    theImages[2] = '3.gif'
    theImages[3] = '4.gif'

    You can add as many images as you like by copying and pasting lines of that code and changing the number in brackets [ ] to the next number in the sequence which in this case would be 4... Unless you know how to DON'T TOUCH ANYTHING ELSE IN THE SCRIPT.
     
  3. SiteExpress

    SiteExpress New Member

    Messages:
    280
    LOL WC, I PMd you my phone number. Feel free to use it.
     
  4. Winterchase

    Winterchase New Member

    Messages:
    151
    About ready

    Okay, now that I might have an inkling of what to do and itching to take it for a test run, I'm searching for five or six good photographs to make a slide show of it.

    They should relate I guess to the motion picture business but those are actually pretty boring and would need explaining. So are the grip-and-grin pics of me and celebs, and the pictures I've taken of pig-parties won't hack it (rather those would hack off the female half of the population). Nudes? Now there's a thought! :eek:

    That leaves artsy-craftsy, or fine art, like the lady with the jar. Or maybe action pictures, like a car that's bursting into flames. How about wrecked? Or a weapon being fired. How about a guy falling off a ten story building? You know, mid-air, frailing about, screaming as he's falling to his death (or the air-bag)?

    Any suggestions as to a theme? What would grab your interest? I'm kind of stuck on this.
     
  5. SiteExpress

    SiteExpress New Member

    Messages:
    280
    Just a suggestion of something I noticed. Since your background is an image, you may want to set it as fixed, so that the background does not scroll up when someone scrolls to the bottom of your page.
     
  6. Winterchase

    Winterchase New Member

    Messages:
    151
    Totally...

    ... I totally agree. On IE, it is "fixed" but on Google and the others, it isn't, and it needs to be. How do I correct that?
     
  7. SiteExpress

    SiteExpress New Member

    Messages:
    280
    Try using this in the Head of your html.

    <STYLE>
    body {
    background-image: url(url_of_your_image_here);
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    </STYLE>

    It should work, and then you can delete the code you presently are using for the background image.
     
  8. Winterchase

    Winterchase New Member

    Messages:
    151
    Well....

    Actually, the way it is on IE came by the way of an accident, or luck. I don't know if I am using anything to keep the BG steady.

    Thanks. I'll get on it this afternoon.
     
  9. SiteExpress

    SiteExpress New Member

    Messages:
    280
    Here is what you would do to fix it. Always save a backup copy of a page when your trying something new to see if it works.

    Find this:

    <BODY lang=EN-US style="tab-interval: .5in" vLink=#800080 link=#0000FF bgColor=white
    leftMargin=1 background="arboreal%20copy.jpg" topMargin=0 marginheight="0"
    marginwidth="1" hspace="1" bgproperties="fixed">

    And change to this:

    <BODY lang=EN-US style="tab-interval: .5in" vLink=#800080 link=#0000FF bgColor=white
    leftMargin=1 topMargin=0 marginheight="0"
    marginwidth="1" hspace="1">

    Then add this to the Head:

    <STYLE>
    body {
    background-image: url(arborealcopy.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    </STYLE>

    Anyone see anything wrong with it?
     
  10. Kiwiberry

    Kiwiberry New Member

    Messages:
    123
    WC have you thought of the old flip books *can't remember what they're really called*
    You know a bunch of pictures that are put together,and when you flip through, they look animated. You could add a few shots of something, a car blowing up, and have it look like animated. Or a small scene from a movie. There'd be no sound so the pictures would have to do the talken.
     
  11. SiteExpress

    SiteExpress New Member

    Messages:
    280
    That sounds like a great idea, if you could do it.
     
  12. StephanieCordray

    StephanieCordray New Member

    Messages:
    1,017
    if it's still a viable source try http://www.anfy.com I haven't used anything like that in ages so I don't know... things appear and disappear on the net all the time.
     
  13. SiteExpress

    SiteExpress New Member

    Messages:
    280
    Someone with good Flash skills could do it, and the file size would not be a problem.
     
  14. Winterchase

    Winterchase New Member

    Messages:
    151
    On the firing line....

    By the, ".. Head of your html," is this the place (XXXX) you mean, when I change the FrontPage to HTML? (I tried pasting it from the beginning but, boy, did I get a nasty message about using too many pictures. I also can't get rid of the smily faces that should be "o"s)

    ... "urn:schemas-microsoft-com:eek:ffice:eek:ffice" xmlns:w =
    "urn:schemas-microsoft-com:eek:ffice:word"><HEAD> XXXX
    <meta http-equiv="Description" content="Scripts, from the creative mind of Bill Kautz">
    <meta http-equiv="Key Words" content="Kautz,Bill....

    And the URL: The picture is in ///C:/website/arboreal copy.jpg

    Is this what I paste in?
     
  15. Winterchase

    Winterchase New Member

    Messages:
    151
    I remember those....


    Antimators used to make 'em when they were setting up a film, people like Disney and Mickey Mouse. They looked a lot like the 3-reelers from the 20's and early 30s, like with Charlie Chaplin as The Little Tramp. (although that jerky effect didn't show up on the original film. It does now only because the projector's running speed is different. If you have a 16mm projector and can slow it down, you can see what the original looked like - not as goofy.)

    It's been suggested that when I get the full web site up and running that I include a reel of the things I've been a part of, my resume so to speak - only make it on a "click" all it's own rather than on the opening page. Otherwise it might be too distracting. I could have sound too! That would be neat!

    All y'all that do this for a living; I might suggest aspiring actors, singers (including bands) and models that are out there. A good, artsy/craftsy page can and does do wonders but so few have them. The reason? I think it's because - and no offense - they're a little intimidated by your types (to say nothing about the outside world in general).
     
  16. SiteExpress

    SiteExpress New Member

    Messages:
    280
    When I say "Head" of your html, I mean the section of html code for your page that is called the "Head"

    The head begins with the tag <head> then has code for different things, and then ends with a closing tag </head> it is between these tags, that you want to place this code.

    <STYLE>
    body {
    background-image: url(arborealcopy.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    }
    </STYLE>
     
  17. Kiwiberry

    Kiwiberry New Member

    Messages:
    123
    WC, ignore that stuff before <head> that’s just telling what program you're using to make you're website and miscellaneous stuff. I looked at your source code and you’ve already got a <style> section in your header, so just scroll down to where it says

    Paste the following code in right before </style>.

    body {
    background-image: arboreal%20copy.jpg;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }

    You may have to delete background="arboreal%20copy.jpg" at the beginning of the body section:


    Also, I don't know if you've thought of using a CSS file, but it may clean up a lot of that information you've got stored in your header section. All the information you have between <style> and </style> can be stored in a CSS file. I'm still working on mine, but It's helped out a ton just cleaning up code and keeping pages consistent.

    Good luck :D
     
  18. Kiwiberry

    Kiwiberry New Member

    Messages:
    123
    ... one more thing, your might want to link your script titles to your script pages as well as having the (script pages) link. Because the title and links look similar, you might find people are trying to click on the title. Just my opinion.
     
  19. Winterchase

    Winterchase New Member

    Messages:
    151
    Download

    I downloaded their "freebies" in hopes that it included the "water effect." I've seen it before, and it is cool. Maybe I can use it on my site. Oldies but goodies.
     
  20. Winterchase

    Winterchase New Member

    Messages:
    151
    Thanks

    Even as I "speak," it's being done. Thanks. Details count, in your business and mine. :p
     
Thread Status:
Not open for further replies.

Share This Page