HEX

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

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

$marginClass = false;

?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<base target="_parent" />
<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">
		<a href="/<?php trans('pages.projects.route') ?>/<?php echo($rec_portfolioItems['url']); ?>">
			<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>
    </li>
<?php }

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

</ul>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.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>