Random foto op website

Helmpie · 22 Feb 2007 17:18

Hallo,

Kan iemand mij vertellen hoe ik een steeds wisselende "random" foto kan plaatsen op mijn website? Als voorbeeld de rechter random foto van de home page van het forum.

Ik werk met Dreamweaver 3 en dus niet met een database achtige webomgeving.

Alvast bedankt

Groeten,

Henno

Soron · 22 Feb 2007 17:55

Ik heb geloof ik wel een scriptje liggen ergens....

Maar het makkelijkste is het te doen in php. 3 regels code en een paar afbeeldingen verder en je bent klaar.

Als je geduld heb... kan ik vanaaf wel even kijken voor je.

Nu eerst eten koken..

maartenw · 22 Feb 2007 17:58

geen database of scriptervaring.....

even een passend dhtml scripje zoeken wat je aanstaat op:

http://www.dynamicdrive.com/

staan zeker wel goede bij.

Chow · 22 Feb 2007 18:14

Of wellicht op www.hotscripts.com

jwkempeneers · 22 Feb 2007 18:32

Hieronder een scriptje dat ik ook op mijn website gebruik. Telkens als mijn website geopend wordt verschijnt op de homepagina een andere foto. Het woord images in het script is een map waar de fotootjes in gezet moeten worden. De foto's moeten opeenvolgend genummerd worden te beginnen bij 1. In het onderstaande script zijn er dus 4 foto's gebruikt. Bij het gebruik van bijvoorbeeld 10 foto's wordt het (1, 10). Hopelijk kun je er wat mee. Let wel even op de extensie van het bestand. Het kan zowel .JPG als .jpg zijn.

<?php

$foto = rand(1, 4);
print "<img src=\"images/$foto.JPG\" alt=\"uw tekst\">";

?>

Soron · 22 Feb 2007 19:06

Dat is een simpele manier inderdaad zoals ik het ook heb. Je moet echter wel de pagina opslaan als een php bestand.

oegemeister · 22 Feb 2007 19:16

en als je het wat netter wilt doen

CodeCOLON Alles selecteren

<?php  
//verander dit in waar je foto's staan
$imgpath = "fotos";  
//open de directory om de foto's straks te kunnen lezen
$handle = opendir( "$imgpath" );  
//maak een nieuwe array, waar straks de foto's in komen
$imgArray = array();  
//de loop om alle foto's in de array te zetten
while($file = readdir($handle))  
{  
    if( $file != "." && $file != ".." )  
    {  
        array_push( $imgArray, $file );  
    }  
}  
//sluit de dir weer af
closedir( $handle );  
//pak een random foto uit de array
$randval = array_rand($imgarray);  
//laat deze random foto zien
echo "<IMG SRC=."$imgpath.$imgArray[ $randval ]".></a>";  
?>

gr Sjoerd

Helmpie · 22 Feb 2007 19:35

Bedankt voor de reacties, maar ik kom er nog niet uit. Ik heb wat geprobeerd met het korte scriptje maar het lukt nog niet.

Mijn website is opgebouwd met .htm bestanden misschien dat het daaraan ligt? Kunnen jullie een wat uitgebreidere uitleg geven?

Alvast weer bedankt.

Groeten,

Henno

oegemeister · 22 Feb 2007 19:42

zet anders de code van die pagina even hierneer... dan zet ik mijn scriptje er wel even in.

code plaats je het makkelijkst zo

[code]
hier je code
[/code]

Helmpie · 22 Feb 2007 20:04

CodeCOLON Alles selecteren

<html><!-- #BeginTemplate "/Templates/body.dwt" -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>Immagini Reali</title>
<!-- #EndEditable --> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.Body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000; text-decoration: none }
.Omschrijving {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none}
.Omschrijvingvet {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: none}
-->
</style>
<meta name="creator" content="Henno van der Helm">
<meta name="description" content="Immagini Reali: Online portofolio van Henno van der Helm fotografie">
</head>

<body bgcolor="#99CCCC">
<div align="center" class="Omschrijving"> <!-- #BeginEditable "wijzigbaar" --> 
  <div align="center"> 
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp; </p>
    <p>&nbsp;</p>
  </div>
  <!-- #EndEditable --></div>
</body>
<!-- #EndTemplate --></html>

Deze pagina wordt de zogenaamde introductie pagina van mijn website welke als frame pagina wordt ingelezen van mijn index.htm pagina.

Ongeveer zoals mijn site er nu uitziet.
http://home.kabelfoon.nl/~hvdhelm[/url][/code]

Peije · 22 Feb 2007 20:42

Ik heb dit item mee zitten volgen, en de manier van jwkempebeer geprobeerd, maar iets doe ik fout....

Ik heb een documentje test.html aangemaakt:

CodeCOLON Alles selecteren

<HTML>

  <HEAD>
     <TITLE>test pagina</TITLE>
  </HEAD>

  <BODY>
      <?php 

$foto = rand(1, 3); 
print "<img src=\"images/$foto.jpg\" alt=\"uw tekst\">"; 

?>


  </BODY>

</HTML>

Een folder met de naam images

En 3 bestanden indeze folder:
1.jpg
2.jpg
3.jpg

Het enige dat op het scherm verschijnt is: "; ?>

Kan iemand mij vertellen wat ik anders moet doen ?

VoRTeX · 22 Feb 2007 21:02

Kan iemand mij vertellen wat ik anders moet doen ?

een php pagina heeft geen "head" en "body" dus daar gaat het fout.

zet alleen het stukje text van jwkempeneers
in een pagina:

en sla hem op als .php (niet als .htm)
en dan moet het werken....

Peije · 22 Feb 2007 21:15

Als ik dat doe, krijg ik het script op het scherm....

CodeCOLON Alles selecteren

<?php 

$foto = rand(1, 3); 
print "<img src=\"images/$foto.jpg\" alt=\"uw tekst\">"; 

?>

Iemand een idee ?

Helmpie · 22 Feb 2007 21:18

Ik ben er ook nog niet uit.

deltaforce · 22 Feb 2007 21:26

Peije schreefCOLONAls ik dat doe, krijg ik het script op het scherm....
CodeCOLON Alles selecteren
<?php 

$foto = rand(1, 3); 
print "<img src="images/$foto.jpg" alt="uw tekst">"; 

?>
Iemand een idee ?

Heb het script iets aangepast en dit werkt wel.

CodeCOLON Alles selecteren

<?php

/*
 * Name your images 1.jpg, 2.jpg etc.
 *
 * Add this line to your page where you want the images to 
 * appear: <?php include "randomimage.php"; ?>
 */ 

// Change this to the total number of images in the folder
$total = "11";

// Change to the type of files to use eg. .jpg or .gif
$file_type = ".jpg";

// Change to the location of the folder containing the images
$image_folder = "images/random";

// You do not need to edit below this line

$start = "1";

$random = mt_rand($start, $total);

$image_name = $random . $file_type;

echo "<img src="$image_folder/$image_name" alt="$image_name" />";

?>

Het script is ook te gebuiken als je hem in wilt voegen in een bestaande HTML script.

su6

Dre

Peije · 22 Feb 2007 21:29

Zou je dit als Code willen zetten ? (boven het venster waar je intypt..) Dan kan het gekopieerd en geplakt worden....

jwkempeneers · 22 Feb 2007 22:15

Hier het script van mijn homepagina. Het is gewoon opgeslagen als een HTML-bestand. Op mijn website werkt hij gewoon. Dus als jullie het net zoals bij mij doen dan moet het werken.

Ik heb net trouwens ook al gezegd dat je er op moet letten hoe je bestanden opgeslagen zijn. Kijk even naar de bestandsextensie van je foto's. In mijn script is het .JPG met hoofdletters. Het kan ook zijn dat dat .jpg met kleine letters moet zijn. Dit is dus een gewone HTML-pagina met een body en daarin verwerkt zit een stukje PHP.

CodeCOLON Alles selecteren

<html>
<head>
<title>
Homepagina
</title>
</head>

<body>
<body bgcolor="000000" text="ffffff">
		
		<b><center><font face="Palatino Linotype" size="6">KEMPENEERS FOTOGRAFIE</center></b>
		<b><center><font face="Palatino Linotype" size="3">Persfotografie - Familiefotografie - Portretfotografie</center></b></br>
		<center><hr color="gray" size="7"></center>

</br>
<center>
		<img src="./images/tekst.jpg">
<?php


	$foto = rand(1, 4);
	print "<img src=\"images/$foto.JPG\" alt=\"Welkom bij Kempeneers Fotografie\">";


?>

</center>
</body>


</html>

jwkempeneers · 22 Feb 2007 22:15

Hier het script van mijn homepagina. Het is gewoon opgeslagen als een HTML-bestand. Op mijn website werkt hij gewoon. Dus als jullie het net zoals bij mij doen dan moet het werken.

Ik heb net trouwens ook al gezegd dat je er op moet letten hoe je bestanden opgeslagen zijn. Kijk even naar de bestandsextensie van je foto's. In mijn script is het .JPG met hoofdletters. Het kan ook zijn dat dat .jpg met kleine letters moet zijn. Dit is dus een gewone HTML-pagina met een body en daarin verwerkt zit een stukje PHP.

<html>
<head>
<title>
Homepagina
</title>
</head>

<body>
<body bgcolor="000000" text="ffffff">

<center>KEMPENEERS FOTOGRAFIE</center>
<center>Persfotografie - Familiefotografie - Portretfotografie</center>
<center><hr color="gray" size="7"></center>


<center>
<img src="./images/tekst.jpg">
<?php

$foto = rand(1, 4);
print "<img src=\"images/$foto.JPG\" alt=\"Welkom bij Kempeneers Fotografie\">";

?>

</center>
</body>

</html>

Helmpie · 22 Feb 2007 22:56

Ik krijg het niet voor elkaar..... dit is wat ik gedaan heb:

bestand aangemaakt: randomimage.php

hierin de volgede code gezet:

CodeCOLON Alles selecteren

<?php 

$total = "6"; 

$file_type = ".jpg"; 

$image_folder = "immagini/"; 

$start = "1"; 

$random = mt_rand($start, $total); 

$image_name = $random . $file_type; 

echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\" />"; 

?>

Daarna heb ik in de indexpagina dit geval bodytest.htm de volgende code geplaatst:

CodeCOLON Alles selecteren


<?php include "randomimage.php"; ?>

De bestanden randomimage.php en bodytest.htm staan in de root van de site (nu nog lokaal). De foto's 1.jpg, 2.jpg, ect. staan in de map immagini/

Wat gaat er nu nog fout.

Ook het script van jwkempeneers heb ik wederom geprobeerd.

Misschien nog een aanvullende uitleg?

Alvast bedankt.

Groeten,

Henno

deltaforce · 22 Feb 2007 23:08

Helmpie schreefCOLONIk krijg het niet voor elkaar..... dit is wat ik gedaan heb:

bestand aangemaakt: randomimage.php

hierin de volgede code gezet:
CodeCOLON Alles selecteren
<?php 

$total = "6"; 

$file_type = ".jpg"; 


$image_folder = "immagini/"; 

$start = "1"; 

$random = mt_rand($start, $total); 

$image_name = $random . $file_type; 

echo "<img src="$image_folder/$image_name" alt="$image_name" />"; 

?>
Daarna heb ik in de indexpagina dit geval bodytest.htm de volgende code geplaatst:
CodeCOLON Alles selecteren
<?php include "randomimage.php"; ?> 
De bestanden randomimage.php en bodytest.htm staan in de root van de site (nu nog lokaal). De foto's 1.jpg, 2.jpg, ect. staan in de map immagini/

Wat gaat er nu nog fout.

Ook het script van jwkempeneers heb ik wederom geprobeerd.

Misschien nog een aanvullende uitleg?

Alvast bedankt.

Groeten,

Henno

CodeCOLON Alles selecteren

$image_folder = "immagini/";

mmagini is dan wel ge direcory naam allen en / teveel.

het moet zo zijn

CodeCOLON Alles selecteren

$image_folder = "immagini";

Maar de volgende vraag ondersteund de provider PHP of alleen HTML. Als dat het geval is gaat PHP dus niet werken.

Dre

Domein te koop, voor meer info: sales@eosdigitaal.nl

Random foto op website