Goedenmorgen,

Ik loop al een week of 2 te hakken tegen een probleem. Ik heb een script hier gedownload en deze heb ik iets aangepast naar eigen wensen om in te bouwen op een website. Nu was ook mijn bedoeling in dit script ( het betreft een fotoalbum script ) lightbox (oftewel de variant ervan: lytebox) in te bouwen.. Hij doet het, alleen wanneer ik de andere categorie pak niet meer..

www.deswartmodelbouw.nl/fotoalbum

Helppp!!!! :(

wie heeft de oplossing?
Groetjes,

Christ


Script:



<script type="text/javascript" language="javascript" src="scripts/lytebox.js"></script>

// Fotoalbum.php

// Copyright @ party-vision.nl

<?php

//Variabelen

$paginanaam="Tractoren";


// De map waar je in zit
if(!isset($_GET['dir']))
{
$directory = 'album';
}
else
{
$directory = $_GET['dir'];
}

// Toegestane extensies
$ext = array('jpg', 'jpeg', 'gif', 'png', 'JPG', 'JPEG', 'GIF', 'PNG');

// Map voor thumbnails
$thumb = 'thumbs';
// Afmetingen voor thumbs
$width = 160;
$height = 120;

// Stylesheet invoegen
echo '<link rel="stylesheet" type="text/css" href="Fotoalbum.css" />';

// Begin fotoalbums
echo '<div align="center">';
echo '<div class="fotoalbum">';

echo '<a href="http://www.deswartmodelbouw.nl/fotoalbum/index.htm"><font style="font-weight:bold">Fotoalbum</font></a> > <a href="index.php"><font style="font-weight:bold">'.$paginanaam.'</font></a>';
echo '<br>';
echo '<br>';
echo '</div>';

// Kijken of het wel een echte dir is.
if(is_dir($directory))
{
// De directory openen
if($open = @opendir($directory))
{
// Alle files loopen
while(FALSE !==($file = readdir($open)))
{
// Alleen als de file anders is als ., .. en $thumb mag ie door.
if($file != '.' && $file != '..' && $file != $thumb)
{
// Alles in een array zetten
$arrayfile[] = $file;

// Extensie checken
if(in_array(substr($file, -3), $ext) OR in_array(substr($file, -4), $ext))
{
if(!file_exists($thumb.'/'.$file))
{
// De dir aanmaken waar thumbs inkomen
@mkdir($directory.'/'.$thumb, 0775);

// Thumbs maken
$imagehw = getimagesize($directory.'/'.$file);
$src_width = $imagehw[0];
$src_height = $imagehw[1];

$src_width > $src_height ? $dest_width = $width : $dest_width = $height;

$tmp = $src_width / $dest_width;
$dest_height = $src_height / $tmp;

$src_img = imagecreatefromjpeg($directory.'/'.$file);
$dst_img = imagecreatetruecolor($dest_width,$dest_height);

imagecopyresampled($dst_img, $src_img, 0, 0, 0, 0, $dest_width, $dest_height, $src_width, $src_height);
imagejpeg($dst_img, $directory.'/'.$thumb.'/'.$file, $width);
imagedestroy($src_img);
imagedestroy($dst_img);
}
}
}
}
closedir($open);
}

// De array netjes sorteren
sort($arrayfile);

// Dan de array openen
foreach($arrayfile as $file)
{
if($file != '.' && $file != '..' && $file != $thumb)
{
// Kijken of het een toegestaan bestand is.
if(in_array(substr($file, -3), $ext) OR in_array(substr($file, -4), $ext))
{
if(file_exists($directory.'/'.$file))
{
// Afbeelding maten ophalen
$afb = getimagesize($directory.'/'.$file);

if($afb[0] > $afb[1])
{
echo '<a href="'.$directory.'/'.$file.'" rel="lytebox[vacation] target="_blank"><img class="foto1" src="'.$directory.'/'.$thumb.'/'.$file.'"></a>';
}
else
{
echo '<a href="'.$directory.'/'.$file.'" rel="lytebox[vacation] target="_blank"><img class="foto2" src="'.$directory.'/'.$thumb.'/'.$file.'"></a>';
}
}
}
elseif(is_dir($directory.'/'.$file)) // Als het een map is
{
echo '<a href="?page='.$_GET['page'].'&dir='.$directory.'/'.$file.'">'.$file.'</a><br>';
}
}
}
}
else
{
echo 'De directory die jij zoekt ( '.$album.' ) bestaat niet';
}
echo '</div>';

?>
Ja dat had ik ook door, maar zodra ik dan bij werktuigen klik doet hij het niet meer. probeer maar eens via onderstaande link.
Overigens heb ik het script ingebouwd in de website:
http://deswartmodelbouw.nl/

ik merk trouwens dat er 3 css bestanden zijn: Fotoalbum.css (van het album zelf), lytebox.css en dsmb2010.css (van de website)
Gaat dit niet door mekaar lopen?


edit: overigens met css ingevoerd doet hij het ook nog niet..
Zoals ik zei vind hij de CSS niet...

http://deswartmodelbouw.nl/ word je foto album via iframe op je website getoond, dan doet hij het wel omdat dan de CSS wel gevonden word omdat hij door je website word geincluded. Maar als je alleen foto album zelf bekijkt heb je de headers van je website niet meer waardoor je geen CSS meer hebt....

EDIT: je hebt CSS toegevoegd aan fotoalbum pagina en nu doet hij het http://www.deswartmodelbouw.nl/fotoalbum/tractoren/?page=&dir=album/Fendt%20211%20Vario
nu moet hij de css wel vinden kijk maar.
Ik heb hem in diverse browsers geprobeerd, en bij internet explorer brengt hij het er nog het beste vanaf.. Chrome etcetera vinden de foto op de een of andere manier niet eens..
ik denk dat het in het script zit.. heb je nog ideen?
groetjes
Ik ga eens proberen hoe het zit met de meerdere css'en...

rel="lytebox[vacation] target="_blank"


Maar daar dit van:


rel="lytebox[vacation]" target="_blank"


Je sluit rel niet af.

en werk niet met spaties in de urls van de afbeeldingen! Dat kan voor problemen zorgen


album/Fendt 211 Vario/thumbs/P1030827.jpg


Maak daar zoiets als dit van:


album/Fendt_211_Vario/thumbs/P1030827.jpg


Chris... Niet bumpen en heeft niks met je CSS te maken! die werken goed..


Ik heb alles geprobeerd wat je zei maar nog steeds niks... :(
Is het je al eens opgevallen dat als je over het menu heen gaat, de css-elementen in de pagina knipperen?

Het heeft niks met je CSS te maken........

Haal al die spaties eens uit je urls....
gedaan.. niet bij allemaal maar wel genoeg om te testen..
conclusie: google chrome laadt de foto's perfect zonder inbouw zegmaar, dus gewoon de losse pagina, met index eromheen niet meer..
het probleem ligt dus nu bij de index denk ik?

edit: internet explorer doet het nu goed bij mij, chrome nog steeds niet in de index maar wel los.. eveneens firefox en opera laden hetzelfde als chrome

Reageren