CMSimple_XH–Forum

Code: Select all

<header id="lck_head">
		<div class="lck_head"> /* unter dieser Zeile folgendes einfügen */
		
		<!-- Slideshow mit Slideshow_XH -->
		<?php if (XH_ADM && !$edit || !XH_ADM):?>
		<div class="lck_slideshow"><?=slideshow('slideshow');?></div>
		<?php endif;?>

Code: Select all

// Simple Parallax-Effect for background-image + fadeout/fadein effect
$(window).scroll(function(e){
	parallax();
});
function parallax(){
	var scrolled = $(window).scrollTop();
	$('#lck_head').css('background-position-y',(scrolled*0.5)+'px');
	$('.lck_logo, #searchbox, .lck_langmenu, .lck_subnav').css('opacity',1-(scrolled*.00250));
}

Code: Select all

#lck_head {
	/* background-color: #2a2a2a;
	background: url(images/bg_startpage.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover; */
}

Code: Select all

#lck_head {
	/* background-image: url(images/bg_mobil.jpg); */
	height: initial;
}

Code: Select all

/* Slideshow mit Plugin Slideshow_XH */
.lck_slideshow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	margin: 0;
	padding: 0;
	z-index: -10;
}
.lck_slideshow img {
	height: 100%;
}

Code: Select all

#lck_head {
	/* background-color: #2a2a2a; */
	/* background: url(images/bg.jpg) 50% 0 no-repeat; */
	-webkit-background-size: cover;
	background-size: cover;
	display: table;
	height: 33%;
	height: 33vh;
	margin: 0;
	min-height: 230px;
	padding: 0;
	width: 100%;
}

Code: Select all

#lck_head {
	/* background: url(images/bg_mobil.jpg) 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover; */
}
#lck_head {
	/* background-color: rgba(0, 0, 0, 0); */
	height: 200px;
	min-height: 200px;
}