PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
s

foto's automatisch verwisselen

Door sebas op 20-08-2007 17:48
7.180 views
is het mogelijk om via php foto's om de 10 seconden te laten veranderen? dus dat je in 1 mapje foto 1 t/m 10 maakt en dat hij dan om de 10 seconde een andere foto laat zien, en dan weer na die 10 foto's opnieuw begingt. het zelfde als met flash. maar ik wil de foto's regelmatig veranderen en dat is met flash weer niet mogelijk dus dan moet je weer alles overnieuw maken zie een voorbeeld in flash op www.westerlaken-bv.nl en dan ff kijken onder producten bestrating ofzo

alvast bedankt
M
Martijn B
20-08-2007 17:52
Als je willekeurige foto's wil laten zien, dan zou je dit zo kunnen doen:

<?php
echo '<img src="foto', rand(1,10), '.jpg" alt="" />';
?>

of

<?php
$aFoto = array('foto.gif', 'foto_blaat.gif');
echo '<img src="', $aFoto[ rand(0, count($aFoto)-1) ], '" alt="" />';
?>

Foto,s op volgorde weergeven wordt wat lastiger omdat je dan ergens moet gaan opslaan wat de huidige foto is. Misschien dat je dit in een PHP sessie kan zetten.
b
bart van der veen
20-08-2007 17:53
je kunt met flash heel goed externe foto's uit een map laden:

<?
//stukje actionscript 2.0

var totalSlides:Number = 5;
var currentImage:Number = 0;
var imagePath:String = "images/sunset_";
var imageName:String = "Arizona Sunset";
var imageExt:String = ".jpg";

var myMCL:MovieClipLoader = new MovieClipLoader();

function loadslide(){
myMCL.loadClip(imagePath + currentImage + imageExt, "container_mc");
}
loadslide();

//dit was het relefante deel...
?>
L
Leroy Boerefijn
20-08-2007 18:01
of gewoon met javascript :)
maar dan zonder php tags, die zijn alleen voor de kleur :)

<?php
<script type="text/javascript">
var array = new Array();
array[] = 'path/naar/foto1.png';
array[] = 'path/naar/foto2.png';
array[] = 'enz.png';
var numb = 0;
var aantal = aantal_fotos-1; //het aantal_foto's moet je nog ff zelf neerzetten!
function changePic()
{
if(numb < aantal)
document.getElementById('foto').src = array[numb];
else
{
document.getElementById('foto').src = array[0];
numb = 0;
}
numb++;
setTimeOut("changePic", 10000); //het cijfer mag je aanpassen, ligt eraan hoelang je het wilt ;)
}
</script>
?>
en dan als html (weer php tags voor kleur)
<?php
<img src="imageLaden.png" id="foto" alt="mijn foto's" />
?>

gr. leroy

edit timer toegevoegd :D
edit2 is btw niet getest ;)
M
Mark L
20-08-2007 19:17
En met het scriptje van Leroy zou je de array kunnen vullen d.m.v. PHP :D

[edit]
$ bij array weggehaald, ik dacht even niet goed na...
[/edit]
L
Leroy Boerefijn
20-08-2007 19:20
Miloan schreef op 20.08.2007 19:17
En met het scriptje van Leroy zou je de $array kunnen vullen d.m.v. PHP :D

idd! (alleen is het array zonder $ ;) )
je kunt bijv. via php de bestanden uitlezen en dan dus die array kunnen vullen zoals miloan zegt ;)
edit en dan kun je natuurlijk gelijk het aantal foto's invullen ;)
edit 1 voor het uitlezen van je foto's zou je http://www.phphulp.nl/php/scripts/7/171/ kunnen gebruiken ;)
a
arend b
02-12-2011 10:59 gewijzigd op 02-12-2011 11:00
FF een vraag ik krijg het niet voor elkaar om foto's te laten laden via dit script ik heb een paar dingen veranderd.

<?php
?>
<html>
<head>
<link rel=StyleSheet type="text/css" href="stylesheet.css"></style>
<script type="text/javascript">
var array = new Array();
array[] = 'image/foto/1.jpg';
array[] = 'image/foto/2.jpg';
array[] = 'image/foto/3.jpg';
array[] = 'image/foto/4.jpg';
var numb = 0;
var aantal = 3; //het aantal_foto's moet je nog ff zelf neerzetten!
function changePic()
{
        if(numb < aantal)
                document.getElementById('foto').src = array[numb];
        else
        {
                document.getElementById('foto').src = array[0];
                numb = 0;
        }
        numb++;
        setTimeOut("changePic", 10000); //het cijfer mag je aanpassen, ligt eraan hoelang je het wilt ;)
}
</script>
<title>test</title>
</head>
<body>

<div class="hoofdvak">
	<div class="1"><img width=360 height=120 src="image/2.jpg" alt="test"></div>



        <div class="menu">
        	<a href="test.php"><img src="image/1.jpg"></a>
                <a href="test.php"><img src="image/2.jpg"></a>
                <a href="test.php"><img src="image/3.jpg"></a>
                <a href="test.php"><img src="image/4.jpg"></a>
        </div>
</div>
<div class="fotovak">
	<img src="imageLaden.jpg" id="foto" alt="mijn foto's" />
</div>



</body></html>

maar ik krijg het niet voor elkaar om de foto's te zien
Vincent Huisman
02-12-2011 11:11
wat zegt de error console (in chrome: [ctrl]+[shift]+[j])
a
arend b
02-12-2011 11:48 gewijzigd op 02-12-2011 11:56
Uncaught SyntaxError: Unexpected token ]
http://localhost/jelmer/imageLaden.jpgFailed to load resource: the server responded with a status of 404 (Not Found)

ik geloof dat de fout hier in zit maar weet niet hoe ik dit kan oplossen:
<img src="imageLaden.jpg" id="foto" alt="mijn foto's" />

volgens mij moet de src een variable.jpg zijn
Ger van Steenderen
02-12-2011 12:16 gewijzigd op 02-12-2011 12:17
Dat komt door de regel array[] JavaScript kan deze wijze van arrays vullen niet:
<? //voor de kleurtjes
var imgArray = new Array('1.png','2.png', '3.png'); //etc.
var curPos = 0;
function imgRotate() {
	if (curPos < imgArray.length - 1)
		curPos += 1;
	else curPos = 0;
	if (typeof imgArray[curPos] == 'string')
		imgArray[curPos] = CacheImage(imgArray[curPos]);
	document.getElementsById['foto'].src = imgArray[curPos];
}
function CacheImage(src) {
	var imgObj = new Image();
	imgObj.src = '/image/foto/' + src;
	return imgObj;
}
?>

a
arend b
03-12-2011 23:11
ik heb de pech dat hij hem bij nog steeds niet laad ik heb nu jou code gebruikt maar de src wordt weer niet geladen.

<? //voor de kleur
<img id="foto" src="" alt="mijn foto's" />
?>

hoe krijg ik de src geladen?

Reageren

Inloggen om te reageren