Een tabel kolom met foto's en (pop-up) thumb -> vergroot functie.
Nu zijn hier scripts zat voor te vinden, maar dit is het idee:
De content van de pagina bestaat uit 2 kolommen, waarvan er 1 is gevuld met tekst en de ander gevuld moet worden met foto's. Er zijn ruim voldoende foto's aanwezig, maar deze moeten niet allemaal tegelijk worden weergegeven want daar wordt de pagina niet mooier (en veel te lang ) van. Ik wil eigenlijk dat wanneer een bezoeker een pagina bezoekt er willekeurig uit een (te definieren) map foto's worden toegevoegd.
Vervolgens moeten deze foto's aanklikbaar zijn en in groot formaat over de pagina heen laden. Waarbij de werkelijke pagina blijft bestaan maar er een soort waas overheen komt. Eventueel moet het mogelijk zijn om door te foto's heen te bladeren wanneer deze in groot formaat wordt weergegeven.
Veel van deze functies vindt ik in een generator als Visuallightbox, maar deze krijg ik niet omgebouwd zodat hij willekeurig foto's uit een bepaalde map pakt.
Is er iemand die iets dergelijks heeft, desnoods enigszins aanpasbaar.
Of iemand die me een eind op weg kan helpen?
Bij voorbaat veel dank.
Enkel als je foto's random wilt laten zien kan je je het volgende doen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<?php
$text=array(1=>"Tekst in kolom1","Tekst in kolom2");
$fotos=array(1=>"fotomap1/foto1.jpg","fotomap1/foto2.jpg","fotomap2/foto1.jpg","fotomap3/foto1.jpg");
echo "<table><tr>";
for($i=1;$i<=2;$i++)
{
$rand=rand(1,count($fotos));
echo "<td>".$text[$i]."</td>";
echo '<td><a href="'.$fotos[$rand].'" rel="lightbox[mijnBladerAlbum]"><img src="'.$fotos[$rand].'" /></a></td>";
}
echo "</tr></table>";
?>
$text=array(1=>"Tekst in kolom1","Tekst in kolom2");
$fotos=array(1=>"fotomap1/foto1.jpg","fotomap1/foto2.jpg","fotomap2/foto1.jpg","fotomap3/foto1.jpg");
echo "<table><tr>";
for($i=1;$i<=2;$i++)
{
$rand=rand(1,count($fotos));
echo "<td>".$text[$i]."</td>";
echo '<td><a href="'.$fotos[$rand].'" rel="lightbox[mijnBladerAlbum]"><img src="'.$fotos[$rand].'" /></a></td>";
}
echo "</tr></table>";
?>
Om de foto's groot weer te geven met een "waas" is het makkelijkst "Lightbox 2" te gebruiken.
Scroll omlaag op deze pagina en volg de stappen.
http://www.lokeshdhakar.com/projects/lightbox2/
Ik heb in de voorbeeldcode de halve implementatie van je lightbox al meegenomen.