Gå til innhold


Bilde

[LØST] Tilfeldig bilde når man klikker på et bilde


  • Vennligst logg inn for å svare.
3 svar til dette emnet

#1 Rullings

Rullings

    Junior

  • PipPip
  • 244 Innlegg:

Skrevet 14 June 2011 - 03:45

Hei.

La oss si jeg har et bilde på en side, når noen klikker på det bilde så vil jeg at et tilfeldig bilde skal bytte ut det bilde som er der, uten at man trenger og refreshe siden eller at man må bytte til en ny side.

Kan man lage en code eller script eller noe som feks plukker ut et random bilde fra feks en mappe som jeg har xxx antall bilder på, på web servern min etter at noen klikker på det eksisterende bilde?

Takk :P

Dette innlegget er endret av Rullings: 01 July 2011 - 18:58


#2 Rullings

Rullings

    Junior

  • Trådstarter
  • PipPip
  • 244 Innlegg:

Skrevet 01 July 2011 - 18:59

Bump :wub:

#3 Martin Aleksander

Martin Aleksander

    Daglig leder

  • 4339 Innlegg:
  • System: Windows 7

Skrevet 01 July 2011 - 21:30

Da må du nok kode litt i Javascript eller AJAX.
Skal undersøke litt om jeg finner noe fornuftig script, da jeg ikke er stødig i JS selv.

Edit: Vi har forresten tidligere publisert en artikkel som viser et tilfeldig bilde ved hver pageload; http://itpro.no/arti...ig-bildevisning
Dette er skrevet i HTML/PHP.

#4 Rullings

Rullings

    Junior

  • Trådstarter
  • PipPip
  • 244 Innlegg:

Skrevet 02 July 2011 - 18:25

Da må du nok kode litt i Javascript eller AJAX.
Skal undersøke litt om jeg finner noe fornuftig script, da jeg ikke er stødig i JS selv.

Edit: Vi har forresten tidligere publisert en artikkel som viser et tilfeldig bilde ved hver pageload; http://itpro.no/arti...ig-bildevisning
Dette er skrevet i HTML/PHP.



Har sett på den linken du refererer til, men det er kun per pageload og jeg trenger kun når noen trykker på et bilde uten at man trenger og refreshe eller åpne nytt vindue. Det nye bildet skal ta over plassen til det første bilde.

Men den linken du refererer til er grei og ha med i koden den også, sånn at ikke det samme bilde vises hele tiden, men trenger samtidig at et tilfeldig bilde skal vises når noen trykker på det eksisterende bilde :D


Takk for at du tar deg tid.





EDIT: Fant et script som passer, men kan man forandre på koden sånn at man får et tilfeldig bilde ifra en mappe på serveren isteden for "Bilde1, Bilde2, Bilde3" etc? Sånn at man slipper og legge inn en kode for hvert enkelt bilde, men isteden at koden velger et tilfeldig bilde fra en Mappe på serveren?


Link: http://www.re-vision...ge-onclick.html

<html><head><title>Random Image Rotator</title>
<script language="JavaScript">
<!-- Begin
var rand1 = 0;
var useRand = 0;

images = new Array;
images[1] = new Image();
images[1].src = "01.jpg";
images[2] = new Image();
images[2].src = "02.jpg";
images[3] = new Image();
images[3].src = "03.jpg";
images[4] = new Image();
images[4].src = "04.jpg";

function swapPic() {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
useRand = rand1;
document.randimg.src = images[useRand].src;
}
//  End -->
</script>
</head>

<body bgcolor="#ffffff" onLoad="swapPic()">

<center>
<img name="rImage" src="01.jpg" width=120 height=90>
</center>

</body>
</html>

Dette innlegget er endret av Rullings: 02 July 2011 - 18:37





0 bruker(e) leser dette emnet

0 brukere, 0 gjester, 0 anonyme brukere