hunterludi-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org
2006-Sep-26 11:25 UTC
need help with wordpress on css crossfader!
I wonder how to use the crossfader effect on wordpress blog? I copied all the js files into my wordpress js folder! but how to load them ? anyone please give me a hand;) many thanks! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs -~----------~----~----~----~------~----~------~--~---
I hope this is similar to the wordpress crossfader: http://ajaxian.com/archives/css-crossfading-example>I wonder how to use the crossfader effect on wordpress blog? >I copied all the js files into my wordpress js folder! but how to load >them ? anyone please give me a hand;) many thanks! > > >> > > > >--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs -~----------~----~----~----~------~----~------~--~---
Do you mean how to add the files to your head so they are available? Open your header.php file found in wp-content/themes/[YOUR_THEME]/header.php copy in the following lines of code somewhere inbetween your head tags: <script type="text/javascript" src="/[JS_FOLDER_PATH]/prototype.js"></script> <script type="text/javascript" src="/[JS_FOLDER_PATH]/scriptaculous.js"></script> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs -~----------~----~----~----~------~----~------~--~---
hunterludi-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org
2006-Sep-26 20:53 UTC
Re: need help with wordpress on css crossfader!
i have changed all the folders and add those code as a new post in my wordpress <div id="crossfade-container"> <div class="fade-box" id="box-1"> <h2>Buy Our Product!</h2> <p> Lorem... </p> </div> <div class="fade-box" id="box-2" style="display: none;"> <h2>It''s New and Improved!</h2> <p> Cras... </p> </div> <div class="fade-box" id="box-3" style="display: none;"> <h2>We Provide Great Services!</h2> <p> Nullam... </p> </div> </div> and it displayed only the text with no effect! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs -~----------~----~----~----~------~----~------~--~---
Hi, You might have missed it in the article, I sure did, but view the
source of the demo page for the fader you are trying to use. First
after you include the files in the head of your script add this code:
<script language="javascript">
// this array consists of the id attributes of the divs we wish to
alternate between
var divs_to_fade = new Array(''box-1'',
''box-2'', ''box-3'');
// the starting index in the above array. It should be set to the
value of the div which doesn''t have the CSS Display property set to
"none"
var i = 0;
// the number of milliseconds between swaps. Default is five
seconds.
var wait = 5000;
// the function that performs the fade
function swapFade() {
Effect.Fade(divs_to_fade[i], { duration:1, from:1.0, to:0.0 });
i++;
if (i == 3) i = 0;
Effect.Appear(divs_to_fade[i], { duration:1, from:0.0, to:1.0 });
}
// the onload event handler that starts the fading.
function startPage() {
setInterval(''swapFade()'',wait);
}
</script>
-----------
Then Replace the body tag with this:
-----------
<body onload="startPage()">
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs
-~----------~----~----~----~------~----~------~--~---
hunterludi-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org
2006-Sep-26 21:32 UTC
Re: need help with wordpress on css crossfader!
this is my head.php code
<script type="text/javascript" src="<?php
bloginfo(''stylesheet_directory'');
?>/style.js"></script>
<script type="text/javascript" src="<?php
bloginfo(''stylesheet_directory'');
?>/prototype.js"></script>
<script type="text/javascript" src="<?php
bloginfo(''stylesheet_directory'');
?>/scriptaculous.js"></script>
<script language="javascript">
// this array consists of the id attributes of the divs we wish to
alternate between
var divs_to_fade = new Array(''box-1'',
''box-2'', ''box-3'');
// the starting index in the above array. It should be set to the
value of the div which doesn''t have the CSS Display property set to
"none"
var i = 0;
// the number of milliseconds between swaps. Default is five
seconds.
var wait = 5000;
// the function that performs the fade
function swapFade() {
Effect.Fade(divs_to_fade[i], { duration:1, from:1.0, to:0.0 });
i++;
if (i == 3) i = 0;
Effect.Appear(divs_to_fade[i], { duration:1, from:0.0, to:1.0 });
}
// the onload event handler that starts the fading.
function startPage() {
setInterval(''swapFade()'',wait);
}
</script>
<link rel="alternate" type="application/rss+xml"
title="<?php
bloginfo(''name''); ?> RSS Feed" href="<?php
bloginfo(''rss2_url''); ?>" />
<link rel="pingback" href="<?php
bloginfo(''pingback_url''); ?>" />
<?php wp_head(); ?>
</head>
<body onload="startPage()">
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs
-~----------~----~----~----~------~----~------~--~---
hunterludi-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org
2006-Sep-27 00:45 UTC
Re: need help with wordpress on css crossfader!
but it is still not working:( --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs -~----------~----~----~----~------~----~------~--~---