div background fading problem (jfade) – grid-a-licious

  • Resolved xoxoxo

    (@xoxoxo)


    15 years, 8 months ago

    hello 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 https://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" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://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>
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘div background fading problem (jfade) – grid-a-licious’ is closed to new replies.