First of all, HI!
Hi
I need small help with this, check this link [url]http://www.koddinn.com/mynd.php
this is image galley, what i am trying to put up is, when i put mouse over the image, it will fade out to larger size, when i take mouse off the image, it will go back to the smaller. no popup window, just fade out and fade in.
Hope you know what i mean, i dont speak wery good English.
Here is the code i am using now.
<head>
<title>Myndasafn!</title>
</head>
<body>
<?
$curfile = basename( $_SERVER[‘PHP_SELF’] );
?>
<style>
<!–
body {
font-family: Verdana;
font-size: 11px;
color: #000000;
}
table {
font-family: Verdana;
font-size: 12px;
color: #000000;
}
a {
text-decoration: none;
color: darkred;
}
–>
</style>
<?
if( !$popup )
{
?>
<script language=JavaScript>
<!–
function mynd(album,mynd)
{
window.open(‘mynda.php?sAlbum=’+album+’&sPic=’+mynd,’myndasafn’,’ status=0,menu=0,toolbar=0 ,scrollbarsl=no,width=600 ,height=400′);
return false;
}
–>
</script>
<?
}
$album = 1;
$popup = 1;
$mappa = ‘myndir’;
$cols = 3;
$rows = 3;
if( $_GET[‘sAlbum’] )
$heild = $mappa . ‘/’ . $
else
$heild = $mappa;
if( $_GET[‘sPic’] )
{
if( $popup )
{
?>
<script>
var isNav4, isIE4;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == “Netscape”) ? 1 : 0;
isIE4 = (navigator.appName.indexOf(“Microsoft”) != -1) ? 1 : 0;
}
function fitWindowSize() {
if (isNav4) {
window.innerWidth = document.layers[0].document.images[0].width;
window.innerHeight = document.layers[0].document.images[0].height;
}
if (isIE4) {
window.resizeTo(500, 500);
width = 500 – (document.body.clientWidth – document.images[0].width);
height = 500 – (document.body.clientHeight – document.images[0].height);
window.resizeTo(width, height);
}
}
</script>
<body onload=”fitWindowSize()” topmargin=”0″ leftmargin=”0″ marginwidth=”0″ marginheight=”0″>
<?
}
else
echo ‘<div align=”center”><a href=”‘ . $curfile . ‘?sAlbum=’ . $
?>
<div align=”center”><img src=”<? if( $popup ) echo $_GET[‘sAlbum’] . ‘/’ . $_GET[‘sPic’]; ?>” border=”0″ style=”border: 1px solid #000000″ <? if( $popup ) { ?>onClick=”window.close();window.opener.focus()” style=”cursor: hand” title=”Loka glugga”<? } ?>></div>
<?
}
elseif( !$
{
?>
<b>Veldu albúm:</b><br><br>
<?
$handle = opendir( $mappa );
while( false !== ( $skra = readdir( $handle ) ) )
{
if( $skra != ‘.’ && $skra != ‘..’ && is_dir( $mappa . ‘/’ . $skra ) )
{
?>
<a href=”<?=$curfile?>?sAlbum=<?=$skra?>”><?=str_replace( ‘_’, ‘ ‘, $skra )?></a><br>
<?
}
}
}
else
{
$perpage = $cols * $rows;
if( !$_GET[‘sPage’] )
$sPage = 1;
else
$sPage = $_GET[‘sPage’];
$begin = ( $sPage * $perpage ) – $perpage;
$end = ( $sPage * $perpage ) – 1;
$handle = opendir( $heild );
while( false !== ( $pic = readdir( $handle ) ) )
{
if( $pic != ‘.’ && $pic != ‘..’ && !is_dir( $heild . ‘/’ . $pic ) )
$arrPics[] = $pic;
}
$num = count( $arrPics );
$pages = ceil( $num / $perpage );
if( $pages != 1 )
{
?>
<div align=”center”><font size=”3″>
<?
for( $i = 1; $i <= $pages; $i++ )
{
if( $sPage == $i )
echo $i;
else
{
?>
<a href=”<?=$curfile?>?sAlbum=<?=$_GET[‘sAlbum’]?>&sPage=<?=$i?>” style=”text-decoration: none”><u><?=$i?></u></a>
<?
}
if( $i != $pages )
echo ‘ ‘;
}
?>
</font></div>
<?
}
?>
<table border=”0″ cellspacing=”3″ align=”center”>
<tr>
<td colspan=”<?=$cols?>”> </td>
</tr>
<tr>
<?
$i = 0;
for( $j = $begin; $j <= $end; $j++ )
{
?>
<td align=”center” valign=”top”>
<?
if( $arrPics[$j] )
{
?>
<a href=”<? if( !$popup ) echo $curfile . ‘?sAlbum=’ . $_GET[‘sAlbum’] . ‘&sPage=’ . $sPage . ‘&sPic=’ . $arrPics[$j]; else echo ‘#’ ?>”<? if( $popup ) { ?> onClick=”return mynd(‘<?=$heild?>’,'<?=$arrPics[$j]?>’)”<? } ?>><img src=”<?=$heild?>/<?=$arrPics[$j]?>” height=”100″ border=”0″ style=”border: 1px solid #000000″></a><br><?=$arrPics[$j]?>
<?
}
?>
</td>
<?
$i++;
if( $i == $cols )
{
?>
</tr><tr>
<?
$i = 0;
}
}
?>
</tr>
</table>
<?
}
if( !$_GET[‘sPic’] )
{
?>