1. #1
    spectrious's Avatar
    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 opnieuw
    no votes  

  2. #2
    koenvvliet's Avatar
    Registered
    20/03/05
    Posts
    51
    iTrader
    0
    Mentioned
    0 Post(s)
    Antwoord op uw vraag kunt ge hier vinden.
    Tip: gebruik google voordat ge iets gaat posten.
    no votes  

  3. #3
    spectrious's Avatar
    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:
    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
    no votes  

  4. #4
    spectrious's Avatar
    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.tt
    no votes  

  5. #5
    koenvvliet's Avatar
    Registered
    20/03/05
    Posts
    51
    iTrader
    0
    Mentioned
    0 Post(s)
    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  

  6. #6
    FitZ's Avatar
    Registered
    17/07/02
    Location
    Leuven
    Posts
    1,413
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    ik kan ni op de site, maar ik vermoed dat het gewoon <img src="" ... border="0" /> is.
    no votes  

  7. #7
    Svenny007's Avatar
    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 dus
    GreetZZzz Svenny007.
    no votes  

  8. #8
    spectrious's Avatar
    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">&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>
    no votes  

  9. #9
    FitZ's Avatar
    Registered
    17/07/02
    Location
    Leuven
    Posts
    1,413
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    document.write('<img src="'+theImages[whichImage]+'" border="0">');

    das eigenlijk wa ik zei.
    no votes  

  10. #10
    spectrious's Avatar
    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.tt
    no votes  

  11. #11

    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:
    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
    Last edited by Obliv`; 04-04-2005 at 10:21.
    no votes  

  12. #12
    spectrious's Avatar
    Registered
    14/02/04
    Location
    Kortrijk
    Posts
    3,084
    iTrader
    10 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by Obliv`
    This quote is hidden because you are ignoring this member. Show
    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
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in