# Javascript Slide Show

**URL:** <https://boards.straightdope.com/t/javascript-slide-show/141425>\
**Category:** Factual Questions\
**Created:** [December 9, 2002, 3:19am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425 "2002-12-09T03:19:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rayray5884](https://avatars.discourse-cdn.com/v4/letter/r/57b2e6/32.png) [@rayray5884](https://boards.straightdope.com/u/rayray5884)\
**Post date:** [December 9, 2002, 3:19am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425/1 "2002-12-09T03:19:13Z")

</div>

Im trying to make a website that has a slide show on it. All I want is a nice picture box in the middle, a left button, a right button and a small header on top. That way the viewer can click through the pictures manually. Any ideas?? Thanks!

---

<div class="post-metadata">

**Author:** ![DougC](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@DougC](https://boards.straightdope.com/u/DougC)\
**Post date:** [December 9, 2002, 4:48am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425/2 "2002-12-09T04:48:44Z")

</div>

- 
  - 
    - Do you mean you want somebody to write it for you? Does it have to be on the page or in an applet? Right offhand, it’d be easiest to know how many pictures you would have and write it for that many. Also, it may not look that good if the images aren’t displayed in their native size (the javascript can enlarge and shrink images just like HTML, but it looks lousy just like HTML too)…  
~

---

<div class="post-metadata">

**Author:** ![Achernar](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Achernar](https://boards.straightdope.com/u/Achernar)\
**Post date:** [December 9, 2002, 5:09am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425/3 "2002-12-09T05:09:01Z")

</div>

The simplest structure would just be to have two Forms with Submit buttons that load up different pages. You’d need about two lines of code. Will that do, or do you want something more complicated?

---

<div class="post-metadata">

**Author:** ![ZipperJJ](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/zipperjj/32/211_2.png) [@ZipperJJ](https://boards.straightdope.com/u/ZipperJJ)\
**Post date:** [December 9, 2002, 8:44am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425/4 "2002-12-09T08:44:38Z")

</div>

Here’s a couple:

[http://www.mcli.dist.maricopa.edu/show/interact/js\_ex1.html](http://www.mcli.dist.maricopa.edu/show/interact/js_ex1.html)

here’s another one:

[http://javascript.internet.com/miscellaneous/image-slideshow.html](http://javascript.internet.com/miscellaneous/image-slideshow.html)

here’s a nice looking one:

> **[Responsive Design Software, HTML Editor & CSS Grid Tools](https://www.coffeecup.com/)**
>
> Leader in Responsive Web Design Tools and HTML Software. Try our CSS Grid tools, HTML Editor, Responsive Prototyping & Design Software or innovative Email Designer today.

Oh heck… just search “javascript “slide show”” on google 🙂

have fun!

---

<div class="post-metadata">

**Author:** ![rayray5884](https://avatars.discourse-cdn.com/v4/letter/r/57b2e6/32.png) [@rayray5884](https://boards.straightdope.com/u/rayray5884)\
**Post date:** [December 9, 2002, 8:48am UTC](https://boards.straightdope.com/t/javascript-slide-show/141425/5 "2002-12-09T08:48:40Z")

</div>

Thanks guys. I was using google to search but i just wasnt finding exactly what i wanted. Of course 5 seconds after posting i stumbled across the right script. Thanks for the info though.