HEX

File: D:/HostingSpaces/SBogers10/rooymansde.komma-mediadesign.nl/wwwroot/logoOverzicht.php
<?php
include("all_kms_con.inc.php");

$q_portfolioItems = "SELECT kms_en_portfolio.portfolio_id, kms_en_portfolio.naam, kms_en_portfolio.image_dir, kms_en_portfolio.url FROM kms_en_portfolio ORDER BY kms_en_portfolio.naam";
$r_portfolioItems = mysql_query($q_portfolioItems);

$marginClass = false;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style>
	* {
		outline:0;
	}
	body, html, h1, h2, h3, h4, p, ul, ol, li, img{
		margin:0;
		padding:0;
		border:0;
	}
	li{
		list-style:none;
		position:relative;
		width:118px;
		height:70px;
		float:left;
		border:1px solid #efefef;
		cursor:pointer;
	}
	li.nietGevuld{
		cursor:default;
		background:url(/img/thumbKruis.png);
	}
	li.logo{
		cursor:default;
	}
	li.logo .hover{
		opacity:1;
		filter:alpha(opacity=100);
	}
	li div{
		position:absolute;
		top:0;
		left:0;
		width:118px;
		height:70px;
		background-repeat:no-repeat;
	}
	li div.hover{
		opacity:0;
		filter:alpha(opacity=0);
		background-position: 0 -70px;	
	}

</style>

</head>
<body>

<ul>

<?php
$counter = 0;
while($rec_portfolioItems = mysql_fetch_assoc($r_portfolioItems)){ $counter++;  ?>
    <li class="notActive gevuld">
        <div class="up" style="background-image:url(/portfolio_images/<?php echo($rec_portfolioItems['image_dir']); ?>/thumb.jpg);"></div>
        <div class="hover" style="background-image:url(/portfolio_images/<?php echo($rec_portfolioItems['image_dir']); ?>/thumb.jpg);"></div>
        <a href="/portfolio/<?php echo($rec_portfolioItems['url']); ?>"></a>
    </li>
<?php }

for ($i = 0; $i < 30 - $counter; $i++) { ?>
    <li></li>
<?php } ?>

</ul>
<script type="text/javascript" src="/css-js/jquery-1.7.1.min.js"> </script>
<script type="text/javascript" src="/css-js/jquery.ba-dotimeout.min.js"> </script>
<script type="text/javascript" src="/css-js/jquery.animate-colors-min.js"> </script>
<script>
$(document).ready(function(){
		
	$('li').hover(function(){
		if($(this).hasClass('notActive')){
			$("> .hover", this).stop().animate({"opacity": "1"}, "fast");
			$("> .up", this).stop().animate({"opacity": "0"}, "fast");
		}
	},
	function(){
		if($(this).hasClass('notActive')){
			$("> .up", this).stop().animate({"opacity": "1"}, "fast");
			$("> .hover", this).stop().animate({"opacity": "0"}, "fast");
		}
	});

    $('li').click(function(){
        top.window.location.href = $('a',this).attr('href');
    });
});
</script>
</body>

</html>