xoxoxohello everybody! If got some problem around with jfade.I´m using the grid-a-licious theme. I want some nice div - background color fading with jfade. so, i did this:
"
Step one: Get http://www.gimiti.com/kltan/wordpress/wp-content/uploads/2008/07/jfade.zip
Step two: Upload files into Scripts folder under the Grid-A-licious folder.
Step three: Insert <script type="text/javascript" src="/scripts/jquery.jfade.1.0.min.js"></script> into header.php and after it,
<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>ok, but the problem - no fading! :< i also tried to put in
1.
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/scripts/jquery.jfade.1.0.min.js"></script>
no fading. then i tried to put in "the exact url of the js" instead of /scripts/jquery.jfade.1.0.min.js
(i tested the link before in firefox, the link is working and i can see the js). but still no fading.
could somebody help me out? im not an coder and i really dont know any other solution :<
here is my whole header.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 type="text/javascript" src="/scripts/jquery.jfade.1.0.js"></script>
<script language="javascript">
$(document).ready(function() {
$(”.eachpost”).jFade({
trigger: “mouseover”,
property: ‘background’,
start: ‘ffffff’,
end: ‘000000’,
steps: 1,
duration: 100
}).jFade({
trigger: “mouseout”,
property: ‘background’,
start: ‘000000’,
end: ‘ffffff’,
steps: 9,
duration: 10
});
});
</script>
</head>
<body>
<div class="eachpost " id="menuItem">
<div>
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a><br /><?php bloginfo('description'); ?>
</div>
</div>
<div class="eachpost " id="menuItem">
<div>
<?php wp_dropdown_pages('show_option_none=Select Page'); ?>
<script type="text/javascript"><!--
var dropdownf = document.getElementById("page_id");
function onPageChange() {
if ( dropdownf.options[dropdownf.selectedIndex].value > 0 ) {
location.href = "<?php echo get_option('home');
?>/?page_id="+dropdownf.options[dropdownf.selectedIndex].value;
}
}
dropdownf.onchange = onPageChange;
--></script>
</div>
</div>
<div class="eachpost " id="menuItem">
<div>
<?php wp_dropdown_categories('show_option_none=Select Category'); ?>
<script type="text/javascript"><!--
var dropdown = document.getElementById("cat");
function onCatChange() {
if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
location.href = "<?php echo get_option('home');
?>/?cat="+dropdown.options[dropdown.selectedIndex].value;
}
}
dropdown.onchange = onCatChange;
--></script>
</div>
</div>
<div id="allposts"></div>
paulirish
mofotronimus