By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,466 Members | 1,202 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,466 IT Pros & Developers. It's quick & easy.

Automatic content exchange with fade effect

P: 3
Hello!
As I am not much familiar with javascript (I know the basics of basics), I cannot find any script that would satisfy my needs. What I want is something like this:
http://www.javascriptkit.com/script/...ntviewer.shtml
This one would be ideal, only thing I want is that content is loaded AUTOMATICLY, without buttons Next, Previous, Page1, Page2...
Does anyone know how to modify this?
Thanks in advance!

Cheers,
Ilija
Mar 9 '09 #1
Share this Question
Share on Google+
2 Replies


Dormilich
Expert Mod 5K+
P: 8,639
I don't know how to code it in JQuery, but I think at some point the setTimeout() function is to be used (instead of click events).
Mar 9 '09 #2

acoder
Expert Mod 15k+
P: 16,027
In contentfader.js, you have this:
Expand|Select|Wrap|Line Numbers
  1.     setuptoggler:function($allcontents, togglerid, speed){
  2.         var $toc=$("#"+togglerid+" .toc")
  3.         $toc.each(function(index){
  4.                 $(this).attr('pagenumber', index+'pg')
  5.         })
  6.  
  7.         var $next=$("#"+togglerid+" .next")
  8.         var $prev=$("#"+togglerid+" .prev")
  9.         $next.click(function(){
  10.             fadecontentviewer.fade($allcontents, togglerid, $(this).attr('nextpage'), speed)
  11.             return false
  12.         })
  13.         $prev.click(function(){
  14.             fadecontentviewer.fade($allcontents, togglerid, $(this).attr('previouspage'), speed)
  15.             return false
  16.         })
  17.         $toc.click(function(){
  18.             fadecontentviewer.fade($allcontents, togglerid, $(this).attr('pagenumber'), speed)
  19.             return false
  20.         })
  21.     },
Instead of using toc, next and prev, use setTimeout or setInterval (check them out) to use a timer to set up the fade.
Mar 10 '09 #3

Post your reply

Sign in to post your reply or Sign up for a free account.