Foto's worden niet getoond

Status
Niet open voor verdere reacties.

horstr

Gebruiker
Lid geworden
27 nov 2006
Berichten
115
Onderstaande heb ik gemaakt, echter de foto's worden niet getoond (wel de tekst van de foto's ?? > http://www.horstmedia.nl/shoutbox/slide2.php.

Probleem zit hem in het PHP gedeelte

PHP:
<?
//Getting Mainimages
$handle=opendir('foto/');
$fcounter = 0;
$photobarimages = "";
 
while (false!==($file = readdir($handle))) { 
    if ($file != "." && $file != ".." && $file != "index.php" && $file != "Thumbs.db") {
  //Creating google search hyperlink
     $ext = explode('.', $file);
  $extension = $ext[count($ext)-1];
  
  if ($extension=="jpg"){
   $photobarimages .= "afbeelding[". $fcounter . "] = 'foto/" . $file . "';";

   $fcounter++;
  }
    } 
}
 
//Calc seconds
$totaltime = $fcounter * 7;
?>

HTML:
<script language="JavaScript1.2">
var breedte=1000
var hoogte=600
var snelheid=1
agrondkleur="#FFFFFF"
var afbeelding=new Array()

PHP:
<? echo $photobarimages; ?>

HTML:
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-2000">'+afbeelding+'</span>')
var huidige_breedte=''

function opvullen(){
if (iedom){
afb=document.getElementById? document.getElementById("test2") : document.all.test2
afb2=document.getElementById? document.getElementById("test3") : document.all.test3
afb.innerHTML=afb2.innerHTML=afbeelding
huidige_breedte=document.all? afb.offsetWidth : document.getElementById("temp").offsetWidth
afb2.style.left=huidige_breedte+4
}
else if (document.layers){
ns_slide=document.netscape.document.netscape2
ns_slide2=document.netscape.document.netscape3
ns_slide.document.write(afbeelding)
ns_slide.document.close()
huidige_breedte=ns_slide.document.width
ns_slide2.left=huidige_breedte+4
ns_slide2.document.write(afbeelding)
ns_slide2.document.close()
}
lefttime=setInterval("schuiflinks()",30)
}
window.onload=opvullen

function schuiflinks(){
if (iedom){
if (parseInt(afb.style.left)>(huidige_breedte*(-1)+8))
afb.style.left=parseInt(afb.style.left)-kopieersnelheid
else
afb.style.left=parseInt(afb2.style.left)+huidige_breedte+4

if (parseInt(afb2.style.left)>(huidige_breedte*(-1)+8))
afb2.style.left=parseInt(afb2.style.left)-kopieersnelheid
else
afb2.style.left=parseInt(afb.style.left)+huidige_breedte+4

}
else if (document.layers){
if (ns_slide.left>(huidige_breedte*(-1)+8))
ns_slide.left-=kopieersnelheid
else
ns_slide.left=ns_slide2.left+huidige_breedte+4

if (ns_slide2.left>(huidige_breedte*(-1)+8))
ns_slide2.left-=kopieersnelheid
else
ns_slide2.left=ns_slide.left+huidige_breedte+4
}
}

if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+breedte+';height:'+hoogte+';overflow:hidden">')
write('<div style="position:absolute;width:'+breedte+';height:'+hoogte+';background-color:'+agrondkleur+'" onMouseover="kopieersnelheid=1" onMouseout="kopieersnelheid=snelheid">')
write('<div id="test2" style="position:absolute;left:0;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+breedte+' height='+hoogte+' name="netscape" bgColor='+agrondkleur+'>')
write('<layer name="netscape2" left=0 top=0 onMouseover="kopieersnelheid=1" onMouseout="kopieersnelheid=snelheid"></layer>')
write('<layer name="netscape3" left=0 top=0 onMouseover="kopieersnelheid=1" onMouseout="kopieersnelheid=snelheid"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
</table>
 
volgensmij toch een js probreempje (hangt er een beetje vanaf hoe je de code opzet)

je hebt het volgende stukje javascript code (uit bron van pagina),

[JS]
var afbeelding=new Array()

afbeelding[0] = 'foto/slide_Pagina_12.jpg';afbeelding[1] = 'foto/slide_Pagina_19.jpg';afbeelding[2] = 'foto/slide_Pagina_17.jpg';afbeelding[3] = 'foto/slide_Pagina_20.jpg';afbeelding[4] = 'foto/slide_Pagina_18.jpg';afbeelding[5] = 'foto/slide_Pagina_06.jpg';afbeelding[6] = 'foto/slide_Pagina_10.jpg';afbeelding[7] = 'foto/slide_Pagina_01.jpg';afbeelding[8] = 'foto/slide_Pagina_15.jpg';afbeelding[9] = 'foto/slide_Pagina_02.jpg';afbeelding[10] = 'foto/slide_Pagina_03.jpg';afbeelding[11] = 'foto/slide_Pagina_09.jpg';afbeelding[12] = 'foto/slide_Pagina_21.jpg';afbeelding[13] = 'foto/slide_Pagina_14.jpg';afbeelding[14] = 'foto/slide_Pagina_07.jpg';afbeelding[15] = 'foto/slide_Pagina_08.jpg';afbeelding[16] = 'foto/slide_Pagina_13.jpg';afbeelding[17] = 'foto/slide_Pagina_05.jpg';afbeelding[18] = 'foto/slide_Pagina_11.jpg';afbeelding[19] = 'foto/slide_Pagina_04.jpg';afbeelding[20] = 'foto/slide_Pagina_16.jpg';
var kopieersnelheid=snelheid
afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-2000">'+afbeelding+'</span>')
[/JS]

je maakt dus een array met daarin de urls van je afbeeldingen, die plak je dan aan elkaar en daarna write je ze met een spannetje er om heen.

als ik het goed zie moet je deze regel vervangen:
[JS] afbeelding='<nobr>'+afbeelding.join(" ")+'</nobr>'[/JS]
door deze:
[JS]
afbeelding='<nobr><img src="'+afbeelding.join(" ")+'" /></nobr>'
[/JS]

ik hoop dat het werkt,
Ecross
 
Nope dit werkt niet.

Vermoed dat het ook niet daar zit. want ik gebruikt alles behalve het PHP gedeelte ook op een andere locatie op de site en daar werkt het wel.

IK heb alleen een deel van het script vervangen door een php gedeelte

Hieronder het html gedeelte wat ik ergens anders op de site gebruik:

HTML:
<script type="text/javascript">
 
//Specify the slider's width (in pixels)
var sliderwidth="600px"
//Specify the slider's height
var sliderheight="218px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor=""
 
//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="fotoalbum/fotoalbum.php?album=./DJ_Robin_diversen"><img src="fotoalbum/DJ_Robin_diversen/DJ-Robin-1.JPG" height="150" border="0"></a>'
leftrightslide[1]='<a href="fotoalbum/fotoalbum.php?album=./2010/09_|_September/30_September_Bruiloft_Familie_Zuidema"><img src="afbeeldingen/3009-01.jpg"" height="150" border="0"></a>'
leftrightslide[2]='<a href="fotoalbum/fotoalbum.php?album=./2010/09_|_September/24_September_Bruiloft_Familie_Lundahl"><img src="afbeeldingen/2409-01.jpg"" height="150" border="0"></a>'
leftrightslide[3]='<a href="fotoalbum/fotoalbum.php?album=./2010/09_|_September/09_September_Bruiloft_Familie_Raan"><img src="afbeeldingen/0909-01.jpg"" height="150" border="0"></a>'
leftrightslide[4]='<a href="fotoalbum/fotoalbum.php?album=./2010/08_|_Augustus/27_Augustus_Bruiloft_Familie_Vogelaar"><img src="afbeeldingen/270810.jpg"" height="150" border="0"></a>'
leftrightslide[5]='<a href="fotoalbum/fotoalbum.php?album=./2010/07_|_Juli/8_Juli_examenfeest_ROC_Flevoland"><img src="fotoalbum/2010/07_|_Juli/8_Juli_examenfeest_ROC_Flevoland/0708-01.jpg"" height="150" border="0"></a>'
leftrightslide[6]='<a href="fotoalbum/fotoalbum.php?album=./2010/07_|_Juli/7_Juli_examenfeest_ROC_Flevoland"><img src="fotoalbum/2010/07_|_Juli/7_Juli_examenfeest_ROC_Flevoland/0707-01.jpg"" height="150" border="0"></a>'
leftrightslide[7]='<a href="fotoalbum/fotoalbum.php?album=./2010/07_|_Juli/6_Juli_examenfeest_ROC_Flevoland"><img src="fotoalbum/2010/07_|_Juli/6_Juli_examenfeest_ROC_Flevoland/0706-01.jpg"" height="150" border="0"></a>'
leftrightslide[8]='<a href="fotoalbum/fotoalbum.php?album=./2010/07_|_Juli/5_Juli_examenfeest_ROC_Flevoland"><img src="fotoalbum/2010/07_|_Juli/5_Juli_examenfeest_ROC_Flevoland/0705-01.jpg"" height="150" border="0"></a>'
leftrightslide[9]='<a href="fotoalbum/fotoalbum.php?album=./2010/07_|_Juli/2_Juli_Familie_Schoolenaar"><img src="fotoalbum/2010/07_|_Juli/2_Juli_Familie_Schoolenaar/0702-01.jpg"" height="150" border="0"></a>'
leftrightslide[10]='<a href="fotoalbum/fotoalbum.php?album=./2010/06_|_Juni/19_Juni_Verjaardag_Micha_17_jaar"><img src="afbeeldingen/1901.jpg"" height="150" border="0"></a>'
leftrightslide[11]='<a href="fotoalbum/fotoalbum.php?album=./2010/06_|_Juni/18_Juni_Familie_Vlietstra"><img src="afbeeldingen/0618-01.jpg"" height="150" border="0"></a>'
leftrightslide[12]='<a href="fotoalbum/fotoalbum.php?album=./2010/05_|_Mei/12_Mei_Hundt"><img src="afbeeldingen/0512-01.jpg"" height="150" border="0"></a>'
leftrightslide[13]='<a href="fotoalbum/fotoalbum.php?album=./2010/05_|_Mei/7_Mei_Reede"><img src="afbeeldingen/0507-01.jpg"" height="150" border="0"></a>'
leftrightslide[14]='<a href="fotoalbum/fotoalbum.php?album=./2010/05_|_Mei/1_Mei_Rossem"><img src="afbeeldingen/0501-01.jpg"" height="150" border="0"></a>'
leftrightslide[15]='<a href="fotoalbum/fotoalbum.php?album=./2010/02_|_Februari/27_Februari_Orlowski"><img src="afbeeldingen/20100227.jpg"" height="150" border="0"></a>'
leftrightslide[16]='<a href="fotoalbum/fotoalbum.php?album=./2010/02_|_Februari/14_Februari_Weddingbubbels"><img src="afbeeldingen/20100214.jpg"" height="150" border="0"></a>'
leftrightslide[17]='<a href="fotoalbum/fotoalbum.php?album=./2010/01_|_Januari/30_Januari_Kinderdisco_Kidscity_036"><img src="afbeeldingen/20100130.jpg"" height="150" border="0"></a>'
leftrightslide[18]='<a href="fotoalbum/fotoalbum.php?album=./2010/01_|_Januari/16_Januari_Familie_Buffing_:_Frans_en_Joelle_beide_50_jaar"><img src="afbeeldingen/20100116.jpg"" height="150" border="0"></a>'
 
//Specify gap between each image (use HTML):
var imagegap=" "
 
//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5
 
 
////NO NEED TO EDIT BELOW THIS LINE////////////
 
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
 
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup
 
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
 
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
 
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
 
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}
 
 
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
//-->
</script>
 
als ik op de afbeelding klik en de afbeelding info bekijk, dan lijkt het wel of de url van de foto de array is!

h.t.t.p://www.horstmedia.nl/shoutbox/foto/slide_Pagina_12.jpg%20foto/slide_Pagina_19.jpg%20foto/slide_Pagina_17.jpg%20foto/slide_Pagina_20.jpg%20foto/slide_Pagina_18.jpg%20foto/slide_Pagina_06.jpg%20foto/slide_Pagina_10.jpg%20foto/slide_Pagina_01.jpg%20foto/slide_Pagina_15.jpg%20foto/slide_Pagina_02.jpg%20foto/slide_Pagina_03.jpg%20foto/slide_Pagina_09.jpg%20foto/slide_Pagina_21.jpg%20foto/slide_Pagina_14.jpg%20foto/slide_Pagina_07.jpg%20foto/slide_Pagina_08.jpg%20foto/slide_Pagina_13.jpg%20foto/slide_Pagina_05.jpg%20foto/slide_Pagina_11.jpg%20foto/slide_Pagina_04.jpg%20foto/slide_Pagina_16.jpg

en dat lijkt me niet juist.

misschien als je er een linebreak achter zet, is maar een idee. Heb geen idee of het zal lukken!
PHP:
  $photobarimages .= "afbeelding[". $fcounter . "] = 'foto/" . $file . "';\n";
 
Laatst bewerkt:
@phobia ik denk niet dat het daaraan ligt

mijn stukje javascript blijkt toch niet helemaal te kloppen :(
je kunt dit zowel met javascript als php doen, ik ben wat beter in php dus zou ik het volgende doen verander dat wat ik in mijn vorige bericht zij maar weer terug.
vervang dit (in je php script):
PHP:
$photobarimages .= "afbeelding[". $fcounter . "] = 'foto/" . $file . "';";
door dit:
PHP:
$photobarimages .= "afbeelding[". $fcounter . "] = '<img src=\"foto/"  . $file . "\" />';";

ecross
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan