Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8
  1. #1
    Junior Member
    Join Date
    Jul 2006
    Posts
    4
    Member #
    13504
    Hi:

    I have 17, continously scrolling photos across the top of my home page. They work great in IE, but do not show up in Netscape nor Firefox (just an 80 px wide blue, background strip), and in Opera I receive only a non scrolling individual "X's" for each image. There must be a simple solution??????

    <tr>
    <td height="68"
    width="850"top="top"" bgcolor="#0000FF"><marquee width="100%" behavior="alternate" scrollamount="2" direction="left" bgcolor="0000FF">
    <img src="C:\\MexicoCityCollege\Images\1.jpg" border="0" /><img src="C:\\MexicoCityCollege\Images\2.jpg" border="0" /><img src="C:\\MexicoCityCollege\Images\3.jpg" border="0" /> . . . . . . . .. <img src="C:\\MexicoCityCollege\Images\17.jpg" border="0" />
    </marquee> </td>
    <td></td>

  2.  

  3. #2
    Senior Member -chris-'s Avatar
    Join Date
    Apr 2006
    Location
    SK
    Posts
    1,205
    Member #
    13102
    You have the picture's source as your hard drive, no one will be able to see the images but you. It should look like this:

    HTML Code:
    <img src="Images\17.jpg" border="0" alt="X" width="X" height="X" />
    With "Images" being the folder the image is in on your server, and "17.jpg" being the file name.
    Portfolio | Blog | Twitter

    Was my post, or someone elses, helpful? Click the thumbs up to let everyone know!

  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    There's also a general evil about the marquee tag, mostly because all of the content isn't visible at once. Also because browsers Netscapes previous to 7 don't support it, I believe. Still, your use doesn't look bad. I would advise, however, that instead of a marquee tag, you consider laying out the items normally and then use Javascript to turn them into a scrolling display.

  5. #4
    Junior Member
    Join Date
    Jul 2006
    Posts
    4
    Member #
    13504
    Thanks for the prompt replies. And thanks for catching what should have been obvious (images on my harddrive) to this amateur (my first web attempt). By making the corrections to <img src="images\1.jpg /> etc, the scrolling images now appear not only in IE, but also in Netscape, Firefox and Opera. But another problem has crop up: I can only code for images\1.jpg thru to images \7.jpg (the width of my page). To add more and a second row starts below the first, covering home page text. To add the full 17 images, I end up with 3 rows.

    My question: How can I get all 17 images to scroll in only one row?

    Also: I like your suggestion ref marquee tag not being the best. Please elaborate on laying the images out "normally," and sources for Javascript scrolling code.

    The page I am creating (I thought I was about finished!) is to house the history of Mexico City College, which existed 1940 - 1963 before becoming the Universidad de las Americas, in Puebla. The college history has been "lost" in the shadow of the now prestigious Univ. MCC was a mecca for thousands of WWII, Korean War and some Viet Nam vets on their GI Bill.

    Again, guys, thanks. (I am a '59 grad. of MCC)

  6. #5
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    As an aside, all paths on web sites are delimited with forward slashes (/), never backslashes (\) which can in fact break a lot of things given backslash can have a special meaning in some languages.

    You can put all of the images in a container that has some CSS restrictions to prevent it from wrapping but still showing as much as possible. I don't know the quickest way of animating it though (even though I did this at work just a few days ago):
    HTML Code:
    <style type="text/css">
    div#scroller
    {
        white-space: nowrap;
        overflow: hidden;
        height: 100px; /* change to the height of your images */
    }
    </style>
    
    <div id="scroller"><img src="..." /> ... </div>
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  7. #6
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    The best way of animating this would likely be a two-div solution. I don't have too much time to cook up a solution right this second, but I'll try and do it today or tomorrow.

  8. #7
    Junior Member
    Join Date
    Jul 2006
    Posts
    4
    Member #
    13504
    I changed the backslashes to forward slashes. And tried your <div> suggestions.
    The 17 scrolling images stayed in one row as wanted, but images did not appear in Netscape or Firefox, and flashed on & off in Opera.:
    <style type="text/css">
    div ID="scroller" [this made no difference]
    {
    white-space: nowrap;
    overflow: hidden;
    height: 80px;
    } </style>

    <td height="80"
    width="850"top="top"" bgcolor="#0000FF"><marquee width="100%" behavior="alternate" scrollamount="2" direction="left" bgcolor="0000FF"><div id="scroller">
    <img src="Images/1.jpg" border="0" /><img src="/etc. etc . . .
    <img src="Images/17.jpg" border="0" /><marquee/></td>
    </div> [This made no difference]


    Quote Originally Posted by filburt1
    As an aside, all paths on web sites are delimited with forward slashes (/), never backslashes (\) which can in fact break a lot of things given backslash can have a special meaning in some languages.

    You can put all of the images in a container that has some CSS restrictions to prevent it from wrapping but still showing as much as possible. I don't know the quickest way of animating it though (even though I did this at work just a few days ago):
    HTML Code:
    <style type="text/css">
    div#scroller
    {
        white-space: nowrap;
        overflow: hidden;
        height: 100px; /* change to the height of your images */
    }
    </style>
    
    <div id="scroller"><img src="..." /> ... </div>

  9. #8
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    If you use a div, get rid of the marquee tag :-)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:29 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com