Archief - HTML/Javascript: Random Picture op introductie pagina

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

spectrious

Legacy Member
Welk javascript of eender welk middeltje bestaat er om bij het bezoek aan mijn site de bezoeker telkens een andere intro afbeelding voor te schotelen?

Als je niet begrijpt wat ik bedoel, klik dan op deze link :http://www.mxtabs.net/
en refresh elke keer opnieuw

koenvvliet

Legacy Member
Antwoord op uw vraag kunt ge hier vinden.
Tip: gebruik google voordat ge iets gaat posten.

spectrious

Legacy Member
oké kheb et via iets anders gedaan, maar kzit nu met een ander probleem

De afbeelding moet telkens een link zijn naar de home pagina. Onder de afbeelding staat er nog een klein stukje tekst.

Wat er weg moet:
-Rand rond de afbeelding (zit een rand rond omdat het een link is blijkbaar)
-Stukje tekst is nu plots ook link geworden.

Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = 'intro.jpg'
theImages[1] = 'intro2.jpg'
theImages[2] = 'intro3.jpg'
theImages[3] = 'intro4.jpg'
theImages[4] = 'intro5.jpg'

// ======================================
// do not change anything below this line
// ======================================

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//-->
</script>

<title>Untitled Document<hey :)
/title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-image: url(Frames/bg.png);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
-->
</style></head>

<body>
<p>&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center"><a href="home.htm">
<p align="center">

  <script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================
showImage();
//-->
  </script>
<p align="center">The Outlet 2005 
</body>
</html>

Please help :help:

koenvvliet

Legacy Member
Met welke browser werkt ge?
Ik zit momenteel met IE te surfen. En als ik uw pagina open zie ik niets.

btw: heb ff naar uw site gekeken (door de bron de bekijken), ziet er goed uit! :niceone:

FitZ

Legacy Member
ik kan ni op de site, maar ik vermoed dat het gewoon <img src="" ... border="0" /> is.

Svenny007

Legacy Member
1-ik zie op de intro page geen </a> staan om de link te sluiten
2-<title>Untitled Document<hey :) /title> klopt ook niet moet
<title>Untitled Document</title> zijn die "hey :)" er uit dus

spectrious

Legacy Member
Oké, tis dus allemaal gelukt, behalve nog 1 klein detail.
In IE toont hij rond de afbeelding nu een blauw randje en in FF niet. Hoe kan ik dit wegdoen?
de code is nu:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[0] = 'intro.jpg'
theImages[1] = 'intro2.jpg'
theImages[2] = 'intro3.jpg'
theImages[3] = 'intro4.jpg'
theImages[4] = 'intro5.jpg'

// ======================================
// do not change anything below this line
// ======================================

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
   preBuffer[i] = new Image()
   preBuffer[i].src = theImages[i]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src="'+theImages[whichImage]+'">');
}

//-->
</script>

<title>Untitled Document
</title>
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
<!--
body {
	background-image: url(Frames/bg.png);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a:link {
	color: #913300;
}
a:visited {
	color: #913300;
}
a:hover {
	color: #913300;
}
a:active {
	color: #913300;
}
-->
</style><meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>


<p align="center">&nbsp;</p>

<p align="center"><a href="home.htm">
<p align="center">

  <script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================
showImage();
//-->
  </script>
  </a>
<p align="center">The Outlet 2005 
</body>
</html>

FitZ

Legacy Member
document.write('<img src="'+theImages[whichImage]+'" border="0">');

das eigenlijk wa ik zei.

Obliv`

Legacy Member
mooi resultaat ;)
ge kunt het natuurlijk ook veel korter doen, zonder die js rommel
stel ge hebt 5 foto's, ge noemt die 1.jpg 2.jpg ...

dan waar de foto moet kome:
Code:
<% 
   Randomize
   Response.write("<img src='randomfotos/" & int( 5 * Rnd() ) & ".jpg' border='0' alt=''>")
%>
</div>

die 5 is het aantal verschillende foto's
tis in asp, moest ge het willen gebruiken, omzette naar andere taal is nie moeilijk

groetjes


EDIT
sorry, zie zojuist da ge uwe site host op skynet space, dus ge zult met mijn oplossing nie veel zijn :)

spectrious

Legacy Member
Obliv` zei:
mooi resultaat ;)
ge kunt het natuurlijk ook veel korter doen, zonder die js rommel
stel ge hebt 5 foto's, ge noemt die 1.jpg 2.jpg ...

dan waar de foto moet kome:
Code:
<% 
   Randomize
   Response.write("<img src='randomfotos/" & int( 5 * Rnd() ) & ".jpg' border='0' alt=''>")
%>
</div>

die 5 is het aantal verschillende foto's
tis in asp, moest ge het willen gebruiken, omzette naar andere taal is nie moeilijk

groetjes


EDIT
sorry, zie zojuist da ge uwe site host op skynet space, dus ge zult met mijn oplossing nie veel zijn :)
idd, anders kon ik met PHP of eender wat wel iets doen :p
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan