hallo leuete, ich hab folgendes problem: ich möchte mit jfade die divs meiner einträge bei mouseover "einfärben" lassen. ich bekomme es einfach nicht hin dieses script zum laufen zu bekommen :-?
zuerst hab ich die js daten runtergeladen:
http://www.gimiti.com/kltan/wordpres…08/07/jfade.zip
entpackt und bei meinem theme in /theme/themexyz/scripts abgelegt.
dnach diese zeile in <head> eingefügt:
PHP
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery.jfade.1.0.min.js"></script>
und danach das eigentlich fadingscript. leider bekomm ichs einfach nicht hin, das script zum laufen zu bekommen, kann mir da einer weiterhelfen? Muss ich das script bei head oder body einfügen?? die angesteuerten divs für die einträge sind .eachpost.
hier ein auszug aus meiner header.php datei:
PHP
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php bloginfo('name'); ?>: <?php bloginfo('description'); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/grid-a-licious.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.jfade.1.0.js"></script>
<script language="javascript">
$(document).ready(function() {
$(”.eachpost”).jFade({
trigger: “mouseover”,
property: ‘background’,
start: ‘990000’,
end: ‘336699’,
steps: 25,
duration: 30
}).jFade({
trigger: “mouseout”,
property: ‘background’,
start: ‘336699’,
end: ‘336699’,
steps: 25,
duration: 30
});
});
</script>
</head>
<body>
.
.
.
.
.