Vraag & Antwoord

Webprogrammeren & scripting

Probleem met random image in header

8 antwoorden
  • Ik zit met een probleem betreffende een random image in de header van mijn website. Ik heb een scriptje gebruikt wat elders op de website wel werkt, maar in de header niet. De images worden simpelweg niet weergegeven. Wie wil er eens naar mijn script kijken? header.php [code:1:ad75c41b49] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="./highslide/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="./highslide/highslide.css" /> <script type="text/javascript"> // override Highslide settings here // instead of editing the highslide.js file hs.graphicsDir = './highslide/graphics/'; </script> <title>Kempeneers Fotografie</title> <link rel="stylesheet" href="style.css" type="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="keywords" lang="nl" content="Kempeneers, fotografie, fotograaf, foto's, huwelijk, bruidsreportages, bruidsreportage, reportage, bruiloft"/> </head> <div id="container"> <div id="header"> <?php $foto = rand(1, 4); print "<img src=\"images/headers/$foto.JPG\" alt=\"\">"; ?> </div> <div id="menu"> <center> <font face="Franklin Gothic Medium" size="3" color="white"> <a style="text-decoration: none; color: white;" a href="index.php">HOME</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="info.php">INFO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="portfolio.php">PORTFOLIO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="prijzen.php">PRIJZEN</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="contact.php">CONTACT</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="referenties.php">REFERENTIES</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="links.php">LINKS</a> </font> </center> </div> [/code:1:ad75c41b49] style.css [code:1:ad75c41b49] body { font-family:Arial; font-size:12px; color:#000000; background-image:url("images/bgcolor.jpg"); } #container { border:0px solid #c80503; margin-left:auto; margin-right:auto; width:850px; } #header { width:850px; height:204px; background-color:#000000; } #menu { position: relative; width:850px; height:29px; background-image:url("images/menu.jpg"); } #menu img { display:inline; } #tekst { position: relative; float:left; padding-left:75px; padding-right:75px; height:100%; width:850px; max-width:700px; background-color:#000000; } a:link { color:#ffffff; text-decoration:none; } a:active { color:#ffffff; text-decoration:underline; } a:visited { color:#ffffff; text-decoration:none; } a:hover { color:#ffffff; text-decoration:underline; } img { border:0; } [/code:1:ad75c41b49]
  • Heb je al eens gekeken wat de output (broncode) is van het stuk waar je afbeelding moet komen?
  • Onderstaand de output-code. In de div 'tekst' werkt dezelfde random-image code gewoon wel. [code:1:f017449ae1] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="./highslide/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="./highslide/highslide.css" /> <script type="text/javascript"> // override Highslide settings here // instead of editing the highslide.js file hs.graphicsDir = './highslide/graphics/'; </script> <title>Kempeneers Fotografie</title> <link rel="stylesheet" href="style.css" type="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="keywords" lang="nl" content="Kempeneers, fotografie, fotograaf, foto's, huwelijk, bruidsreportages, bruidsreportage, reportage, bruiloft"/> </head> <div id="container"> <div id="header"> <?php $foto = rand(1, 4); print "<img src=\"images/headers/$foto.JPG\" alt=\"\">"; ?> </div> <div id="menu"> <center> <font face="Franklin Gothic Medium" size="3" color="white"> <a style="text-decoration: none; color: white;" a href="index.php">HOME</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="info.php">INFO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="portfolio.php">PORTFOLIO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="prijzen.php">PRIJZEN</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="contact.php">CONTACT</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="referenties.php">REFERENTIES</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="links.php">LINKS</a> </font> </center> </div> <div id="tekst"> <br /><br /><br /><br /><br /><br /> <center> <img src="./images/tekst.jpg" alt=""> <img src="images/home/4.JPG" alt=""> </center> <br /><br /><br /><br /> </div> </div> <div style="clear:both;"><center><font face="Verdana" size="1" color="white"> All rights reserved - &copy 2007-2010 - Kempeneers Fotografie - Realisatie: <a style="color: "white"; text-decoration: none;" a href="http://www.kempeneersmultimedia.nl" target="blank">Kempeneers Multimedia</a> </font></center></div> </body> </html> [/code:1:f017449ae1]
  • Probeer het eens met deze [code:1:341e3479e8]<?php $foto = rand(1, 4); echo '<img src="images/headers/'. $foto .'.JPG" alt="">'; ?> [/code:1:341e3479e8] Overigens, als je php code in je bron ziet staan gaat er wat mis bij het parsen. Wellicht een include die niet als .php is opgeslagen? Je mag de links onder menu ook wel opruimen, die ziet er niet uit en ik vraag me af of het werkt. Gebruik hier ook je css bestand in plaats van de inline opmaak.
  • Die werkt helaas ook niet. Echt heel vreemd, omdat het in die andere DIV wel werkt. De header en de footer worden vanuit de index door een include aangeroepen en dat werkt gewoon. De code voor de random image staat gewoon rechtstreeks in de header.php. Daarom vind ik het erg vreemd dat hij hem in de output ook aangeeft als php. De links werken nog wel, maar moet ik inderdaad aanpassen ja. Maar dat is stap 2 ;-)
  • Hoe ziet je header.php eruit? Kennelijk ziet deze het deel met de afbeelding als html ipv php.
  • Onderstaand de vier afzonderlijke bestanden header.php, index.php, footer.php en style.css. De bestanden header.php en footer.php worden vanuit de index.php aangeroepen middels een include. header.php [code:1:6ffdddd488] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="./highslide/highslide-full.js"></script> <link rel="stylesheet" type="text/css" href="./highslide/highslide.css" /> <script type="text/javascript"> // override Highslide settings here // instead of editing the highslide.js file hs.graphicsDir = './highslide/graphics/'; </script> <title>Kempeneers Fotografie</title> <link rel="stylesheet" href="style.css" type="text/css" /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="keywords" lang="nl" content="Kempeneers, fotografie, fotograaf, foto's, huwelijk, bruidsreportages, bruidsreportage, reportage, bruiloft"/> </head> <div id="container"> <div id="header"> <?php $foto = rand(1, 4); echo '<img src="images/headers/'. $foto .'.JPG" alt="">'; ?> </div> <div id="menu"> <center> <font face="Franklin Gothic Medium" size="3" color="white"> <a style="text-decoration: none; color: white;" a href="index.php">HOME</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="info.php">INFO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="portfolio.php">PORTFOLIO</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="prijzen.php">PRIJZEN</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="contact.php">CONTACT</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="referenties.php">REFERENTIES</a> &nbsp&nbsp - &nbsp&nbsp <a style="text-decoration: none; color: white;" a href="links.php">LINKS</a> </font> </center> </div> [/code:1:6ffdddd488] index.php [code:1:6ffdddd488] <?php readfile('header.php');?> <div id="tekst"> <br /><br /><br /><br /><br /><br /> <center> <img src="./images/tekst.jpg" alt=""> <?php $foto = rand(1, 4); print "<img src=\"images/home/$foto.JPG\" alt=\"\">"; ?> </center> <br /><br /><br /><br /> </div> <?php readfile('footer.php');?> [/code:1:6ffdddd488] footer.php [code:1:6ffdddd488] </div> <div style="clear:both;"><center><font face="Verdana" size="1" color="white"> All rights reserved - &copy 2007-2010 - Kempeneers Fotografie - Realisatie: <a style="color: "white"; text-decoration: none;" a href="http://www.kempeneersmultimedia.nl" target="blank">Kempeneers Multimedia</a> </font></center></div> </body> </html> [/code:1:6ffdddd488] style.css [code:1:6ffdddd488] body { font-family:Arial; font-size:12px; color:#000000; background-image:url("images/bgcolor.jpg"); } #container { border:0px solid #c80503; margin-left:auto; margin-right:auto; width:850px; } #header { width:850px; height:204px; background-color:#000000; } #menu { position: relative; width:850px; height:29px; background-image:url("images/menu.jpg"); } #menu img { display:inline; } #tekst { position: relative; float:left; padding-left:75px; padding-right:75px; height:100%; width:850px; max-width:700px; background-color:#000000; } a:link { color:#ffffff; text-decoration:none; } a:active { color:#ffffff; text-decoration:underline; } a:visited { color:#ffffff; text-decoration:none; } a:hover { color:#ffffff; text-decoration:underline; } img { border:0; } [/code:1:6ffdddd488]
  • Ok. Wil je bestanden insluiten gebruik dan de include tag van php. Deze plaatst als het ware de code op de plek waar je het wilt hebben. dus [code:1:f780712162]include "header.php"; [/code:1:f780712162] Je gebruikt nu Readfile en die verwerkt de php niet. In je footer staat geen php dus daar zie je geen problemen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.