-
03-04-2005, 17:10 #1Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
HTML/Javascript: Random Picture op introductie pagina
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 opnieuwno votes
-
-
03-04-2005, 17:48 #2
Antwoord op uw vraag kunt ge hier vinden.
Tip: gebruik google voordat ge iets gaat posten.no votes
-
03-04-2005, 18:02 #3Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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:
Please helpCode:<!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> </p> <p align="center"> </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>
no votes
-
03-04-2005, 18:13 #4Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Kheb dus effe geupload, de rand rond de afbeelding moet dus weg, maar kweet niet hoe

www.theoutlet.be.ttno votes
-
03-04-2005, 18:34 #5
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!
no votes
-
03-04-2005, 18:35 #6
ik kan ni op de site, maar ik vermoed dat het gewoon <img src="" ... border="0" /> is.
no votes
-
03-04-2005, 19:06 #7Member
- Registered
- 27/12/02
- Location
- Lier
- Posts
- 1,089
- iTrader
- 41 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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 dusGreetZZzz Svenny007.no votes
-
03-04-2005, 20:14 #8Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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"> </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>no votes
-
03-04-2005, 20:28 #9
document.write('<img src="'+theImages[whichImage]+'" border="0">');
das eigenlijk wa ik zei.no votes
-
03-04-2005, 21:15 #10Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Bedankt alles is nu verholpen, kijk maar es naar het resultaat
www.theoutlet.be.ttno votes
-
04-04-2005, 10:20 #11Member
- Registered
- 08/11/03
- Location
- Antwerpen
- Posts
- 1,726
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 2/2
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:
die 5 is het aantal verschillende foto'sCode:<% Randomize Response.write("<img src='randomfotos/" & int( 5 * Rnd() ) & ".jpg' border='0' alt=''>") %> </div>
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
Last edited by Obliv`; 04-04-2005 at 10:21.
no votes
-
04-04-2005, 11:22 #12Member
- Registered
- 14/02/04
- Location
- Kortrijk
- Posts
- 3,084
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
no votes
