---
title: "Loopa bilder med onclick??"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/16872-loopa-bilder-med-onclick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Borup"
published: "2000-05-25T12:02:00.000Z"
updated: "2000-05-25T18:35:00.000Z"
replies: 3
views: 456
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/16872-loopa-bilder-med-onclick"
---

# Loopa bilder med onclick??

## #1 — Borup, 2000-05-25T12:02Z

Hur får jag så att bilderna byts ut
( framåt & bakåt )
med hjälp av knapparna??
Koden:
\<html\>
\<head\>
\<title\>Inlämningsuppgift för lektion 11 - JavaScript\</title\>\<center\>
\<SCRIPT LANGUAGE="JavaScript"\>
\<!--
 function doPreload(){
  var pics = new Array('american.jpg','entrapment.jpg','messenger.jpg','warrior.jpg');
  preloadImages(pics);
 }
 function preloadImages(pics_array) {
  for(loop = 0; loop \< pics_array.length; loop++){
   var imgToDisplay1 = new Image();
   var imgToDisplay2 = new Image();
   var imgToDisplay3 = new Image();
   var imgToDisplay4 = new Image();
   imgToDisplay1.src = 'american.jpg';
   imgToDisplay2.src = 'entrapment.jpg';
   imgToDisplay3.src = 'messenger.jpg';
   imgToDisplay4.src = 'warrior.jpg';
  }
 }
 var current = 0;
 function changeImgage() {
  this.length = changeImgage.arguments.length;
  for (var i = 0; i \< this.length; i++) {
   this \= changeImgage.arguments;
  }
 }

 var Image = new changeImgage("american.jpg", "entrapment.jpg", "messenger.jpg", "warrior.jpg");
 function change(val) {
  var goodnum = current+val;
  if (goodnum \> 3) document.image.src = Image\[0\];
  else if (goodnum \< 0) document.image.src = Image\[3\];
  else document.image.src = Image\[goodnum\];
  current = goodnum;
 }

//--\>
\</SCRIPT\>
\</head\>

\<body bgcolor="darkblue"\>
\<center\>
\<table border="0" cellspaning="0" cellpadding="5"\>
\<tr\>
 \<td\>
\<font color="silver" face="metrostyle"\>\<h2\>
Inlämningsuppgift nr2 i JavaScript lektion 11!\</h2\>\</font\>\<br\>\</td\>
\</tr\>
\<tr\>
 \<td height="218"\>\<center\>
\<SCRIPT LANGUAGE="JavaScript"\>
 document.write('\<img name="image" src="'+Image\[0\]+'"\>');
\</SCRIPT\>\</td\>
\</tr\>
\<tr\>
 \<td\>\<center\>
\<form\>
\<INPUT TYPE="button" VALUE="\<\< Föregående" onClick="change(-1)"\>
\<INPUT TYPE="button" VALUE="Nästa \>\>" onClick="change(1)"\>\</center\>\</td\>
\</tr\>
\</form\>
\</table\>
\</center\>
\</body\>
\</html\>

Permalänk: https://www.webforum.nu/p/16872

## #2 — nicclas, 2000-05-25T12:56Z

Inlämningsuppgift för lektion 11 - JavaScript
Är det en skol-uppgif? För lycka och framgång skall du nog göra den själv...

/nicclas @ <http://www.nic-sys.se>

Permalänk: https://www.webforum.nu/p/326940

## #3 — Sammy, 2000-05-25T18:33Z

Hehe...

Tjuras det Borup?

Ingen tycks vilja hjälpa dig... men om du kollar runt på olika Javascipt sidor finns det säkert hjälp till det du söker.

Kolla på <http://www.catweb.nu,>  där finns det massor med Javascript länkar!

Permalänk: https://www.webforum.nu/p/326941

## #4 — Sammy, 2000-05-25T18:35Z

Ooops!
 <http://www.catweb.nu>  under Design & Grafik

Permalänk: https://www.webforum.nu/p/326942

---

Tråden på webben: https://www.webforum.nu/amne/javascript/16872-loopa-bilder-med-onclick
