Wordpress Supersized 2.0 jquery integration
FOKO
- design/layout
hallo ich habe mit sehr großer mühe dieses fullscreen script
in mein wordpress eingebaut. Es klappt auch aber die ladezeiten sind trotz minimal kleiner bilder sehr sehr sehr langsam. Deswegen schließ ich darauf das ich beim einbinden des plugins in die header.php etwas falsch gemacht habe, bzw. sich meine ganzen scripte in die quere kommen. Vorallem das scroll script mit dem background!!
Falls sich jemand mit wordpress und solchen jquery scripten auskennt wäre ich sehr sehr dankbar! Es fuktioniert zwar aber nicht so wie ich mir das vorstelle. Ich würde zum beispiel gerne auch mehr bilder als hintergründe laden lassen was aber das führt zu noch langsameren ladezeiten. Nun ja ich geb euch die header programierung mal mit!
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
?>
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<link rel="shortcut icon" type="image/x-icon" href="http://www.formkoalition.de/wp-content/themes/FOKOpage/images/formkoalition.ico">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="http://fc.webmasterpro.de/counter.php?name=fosges"></script>
<noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=fosges" style="width:1px;height:1px;" alt="" /></div></noscript>
<script type="text/javascript" src="http://www.formkoalition.de/wp-content/themes/FOKOpage/smooth/smooth.pack.js"></script>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/effects.core.js"></script>
<script type="text/javascript" src="http://www.formkoalition.de/wp-content/themes/FOKOpage/supersized.2.0.js"></script>
<script type="text/javascript">
$(function(){
$.fn.supersized.options = {
startwidth: 640,
startheight: 480,
vertical_center: 1,
slideshow: 1,
navigation: 1,
transition: 0, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
pause_hover: 0,
slide_counter: 1,
slide_captions: 1,
slide_interval: 8000
};
$('#supersize').supersized();
});
</script>
</head>
<body <?php body_class(); ?>>
<!--Loading display while images load-->
<div id="loading"></div>
<!--Slides-->
<div id="supersize">
<a href="#"><img src="http://www.formkoalition.de/wp-content/themes/FOKOpage/BACKGROUNDscreen/01.jpg" title="#"/></a>
<a href="#"><img src="http://www.formkoalition.de/wp-content/themes/FOKOpage/BACKGROUNDscreen/02.jpg" title="#"/></a>
</div>
<!--Content area that hovers on top-->
<div id="content">
<div id="contentframe">
<div id="page">
<div id="LOGO"><a href="http://www.formkoalition.de">FORM<br />KOALITION</a></div>
<div id="head_nav"><ul><?php wp_list_pages('title_li=' ); ?></ul>
<div id="EINLEITUNG">
FORMKOALITION*<br />
</div>
</div>
</div>
<hr />