Hallo,
Ik heb dit:letterlijk overgenomen en uitgevoerd.
Wil je graag de foto's op jouw webpagina beveiligen en in een nieuw popup-scherm tonen? Met een php-script kan dat zonder voor iedere foto een nieuwe webpagina te moeten aanmaken. Je roept enkel onderstaand script op middels een link met de naam van de foto als parameter.
Stap 1: Neem een lege HTML-pagina en bewaar deze onder de naam "picture.php". Zet deze tekst tussen de <head> </head> tags van die pagina:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE=javascript> <!-- // No rightclick script. var message="Sorry, we laten deze handeling niet toe!"; function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; //--> </SCRIPT>
Stap 2: Vervang de tags met de volgende tekst. Let op! Niet kopieren maar foutloos overtypen!!! Anders gaat het mis!
<body onLoad="self.resizeTo(document.imgItemPic.width + 10, document.imgItemPic.height + 50)" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0"> <img src='/pictures/<?= $picture ?>' border='0' name='imgItemPic'> </body>
Stap 3: Op de plaats waar nu /pictures/ staat, moet je de map opgeven waar jouw foto's staan. In dit voorbeeld gaan we er vanuit dat er een map pictures bestaat in de httpdocs-map.
Stap 4: Ga nu naar de pagina van je site, waar je links (of thumbnails) van de foto's die je in de popup wilt laten zien, neer wilt zetten en plaats de volgende tekst tussen de tags van die pagina:
<SCRIPT LANGUAGE=javascript> <!-- function openFoto(picture) { window.open ('picture.php?picture='+picture, null, 'status = yes, toolbar = no, menubar = no, location = no, top = 0, left = 125'); } --> </SCRIPT>
Stap 5: Ga nu naar de pagina van je site waar je links (of thumbnails) van de foto's die je in de popup wilt laten zien, neer wilt zetten. Plaats daar de tekstlinks of clickable thumbnails naar alle foto's die je in een popup wilt laten zien. Gebruik als link deze tekst waarbij je "foto.jpg" aanpast aan de naam van jouw foto(s):
<a href="javascript:openFoto('foto.jpg')">Zet hier de naam van de foto.</a>
Veel succes!
Maar mijn foto is niet zichtbaar. Wel de popup. Wat doe ik fout?
Website: http://www.vleesboerderijboot.nl/rundvlees.php http://www.vleesboerderijboot.nl/picture.php?picture=biefstuk.JPG NB De namen van de foto, grote of kleine letters jpg/JPG en de bestandsmap kloppen allemaal.
Hartelijk dank voor uw tijd en moeite.
|