Middels het volgende script wordt een afbeelding (en tekst) opgeroepen:
----------------
<html>
<head>
<script language="Javascript" type="text/javascript" >
//aan te passen
vanaf_links = 100;
vanaf_boven = 100;
grootste_breedte = 500+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 500+20; //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars= no,width='+grootste_breedte+',height='+grootste_hoogte+',left= '+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block"></body></html>');
close();
}}
</script>
</head>
<body>
<?
require ("xxxx.php");
$link = mysql_connect($host, $user, $passwd);
mysql_select_db('xxxxxxxx');
$datum = time()-31536000;
$query = "SELECT * FROM nieuws WHERE deleted='N' AND datum > $datum ORDER BY datum DESC LIMIT 10";
$result = mysql_query($query) or die(mysql_error());
$rows = mysql_num_rows($result);
$row = 0;
while ($row < $rows) {
$date = mysql_result($result, $row, "datum");
$head = mysql_result($result, $row, "head");
$omschrijving = mysql_result($result, $row, "omschrijving");
$afbeelding = mysql_result($result, $row, "afbeelding");
$tekst = nl2br(stripslashes($omschrijving));
$datum = date( "d-m",$date);
?>
<tr valign="top">
<td height="8%" width="40" font face="Verdana"><span style="font-size: 10pt; font-family: Verdana; color: #000080"><br> <? echo $datum; ?> </font></td>
<td valign="top" font face="Verdana"><span style="font-size: 10pt; font-family: Verdana; color: #000080"><strong><br><center> <? echo $head; ?> </strong></center></font><br>
<?
if ($afbeelding == ''){
?> <font face="Verdana"><span style="font-size: 10pt; font-family: Verdana; color: black"> <? echo $tekst; ?> <hr></font> <?
} else {
?>
<table><tr>
<a href="javascript:popBeeld('http://www.kontiki-diving.com/images/ <? echo $afbeelding; ?> ')">
<td width="38%"><img src="../images/ <? echo $afbeelding; ?> " width="166" border="0"></a></td>
<td width="62%" font face="Verdana"><span style="font-size: 10pt; font-family: Verdana; color: black"> <? echo $tekst; ?> </font></td></tr></table><hr>
<? } ?>
</td>
</tr>
<!--DWLayoutTable-->
<?
$row++;
}
?>
</body>
</html>
---------------------
Dit scipt wordt middels include aangeroepen in een andere .php file. Nu wil ik de middels klikken op de foto deze in een pop-up laten verschijnen op ware grootte. Ik had dit al geprobeerd met een java-script welke je overal kan vinden. Als ik de foto aanwijs krijg ik onderin explorer te zien: javascript:popBeeld('http://www.kontiki-diving.com/images/110706marijkekleinedeters.JPG';) maar ik kan klikken wat ik wil, de foto wil niet in een popup verschijnen.
Vervang ik de variabele "$afbeelding" door de naam (en pad) van een foto dan lukt het wel.
Hoe los ik dit op. Ik moet met de database en variabelen blijven werken omdat de iegnaar van de site e.e.a. op een eenvoudige manier moet kunnen blijven aanvullen.
Kijk maar op www.kontiki-diving.com en dan bij "nieuws" dan zie je wat ik bedoel.Kijk je onderaan bij de startpagina dan staan daar 4 foto's die wel "aanklikbaar" zijn en in een pop-up verschijnen maar die worden dan ook niet middels een variabele uit een database gehaald......
Wie heeft voor mij de oplossing????
374 views