How the get picture from text scrolling form.

How to put a scrolling text on my web page that when people select the name from a list it bring them the picture attach to it.

Exemple :    Image 001
                  Image 002
                  Image 003
Would be in a text scrooling list and when i select it it bring me the picture attach to image 001 or Image 002 depending on wich one i select.

It not very clear but I dont Know how to explain.

runner100Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

hhammashCommented:
Hi,

This might help (Vertical Scrolling with hyperlinks)

The hyperlinks can be changed to the picture path

http://gethelp.devx.com/techtips/web_pro/10min/10min0300/10min0300.asp

hh
0
hhammashCommented:
Hi,

Put this code where you want in the body,  change the hyperlinks and hyperlink names

<marquee>
<a href="foo.html">link</a>
<a href="bar.html">another link</a>
</marquee>

I am not sure if this works in Netscape.

hh
0
hhammashCommented:
This is a better one:

Put this code before the </head>

------------------------------  Code below -------------


<script type="text/javascript">
function strtScroll(){
scl_txt=document.getElementById("sclTxt");
end_pt=scl_txt.offsetHeight;
strt_pt=end_pt;
divScroll();
}
function divScroll() {
if (strt_pt<-end_pt) strt_pt=end_pt;
strt_pt--;
scl_txt.style.top=(strt_pt+"px");
tOVal=setTimeout("divScroll()",10); // larger number = slower scroll
}
window.onload=strtScroll;
</script>


--------------------------------------------------

Put this code after <body> where you want it to appear

------------------- Code below -----------


<div style="position:relative;top:50px;width:335px;height:360px;overflow:hidden;">
<div id="sclTxt" style="position:relative;font-family: arial, sans-serif; font-size:100%;color:#808080;">
<a href="http://www.yahoo.com">Yahoo</a><br>
<a href="http://www.CNN.com">CNN</a><br>
<a href="http://www.altavista.com">Alta Vista</a><br>
<a href="http://www.google.com">Google</a><br>
<a href="http://www.Lycos.com">Lycos</a><br>
<a href="http://www.infoseek.com">Infoseek</a><br>
<a href="http://www.microsoft.com">Microsoft</a><br>
</div>
</div>



------------------------------------------

Vertical Scroll.

NOTE: Copy this code first to NotePad then from NotePad to Frontapge or your page

hh
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

hhammashCommented:
You can change the numbers in this line to change the place of the Scroll

<div style="position:relative;top:50px;width:335px;height:360px;overflow:hidden;">

hh
0
hhammashCommented:
0
hhammashCommented:
Here is another one that works only in Internet Explorer

http://javascriptkit.com/script/cut115.shtml

hh
0
runner100Author Commented:
Sorry my mistake when I say Scrolling I want to say pul down like a choice box in access.

you know the box with a arrow at the right side and you click on it and it give you the choice you have then you select one of the choice and it bring you to the picture attach to that choice.

Sorry again I upgrade the point for my mistake.
0
hhammashCommented:
Ah Ok

No problem runner100

So you want a pull down menu with picture names.  When you select a name it opens the picture.

Check this easy tutorial

http://www.interlacken.com/winnt/tips/tipshow.aspx?tip=40

hh
0
hhammashCommented:
Hi,

This is a sample page I put for you:

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
<title>New Page 1</title>
</head>

<body>

<form method="POST" action="--WEBBOT-SELF--">
<p>
  <select size="1" name="Pictures" onchange="window.location.href=this.value;">
  <option selected>Select a picture</option>
  <option value="28.htm">Book 1</option>
  <option value="29.htm">Book 2</option>
  <option value="http://www.google.com">Google</option>
  </select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p>
</form>

</body>

</html>


Copy the <form> </form> section to your page.

Book1 takes you to a page that has the picture 28.gif, which is  page 28.htm
Book2 takes you to a page that has the picture 29.gif, which is  page 29.htm

You can't test it without having 28.htm and 29.htm

hhammash
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development Software

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.