PDA

View Full Version : gAjax RSS Ticker -- Is a fade transition possible?



Jingleballs
08-30-2010, 09:05 PM
1) Script Title: gAjax RSS Ticker (hosted)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex18/gajaxrssticker.htm

3) Describe problem: How do I go about making a fade transition from page to page? It would be similar to this script but with dissolves or fade transitions, rather than scrolling:
http://www.dynamicdrive.com/dynamicindex18/gajaxpausescroller.htm

ddadmin
09-02-2010, 03:45 PM
This is relatively simple to do by using jQuery on top of the existing script. To do so, first, add a reference to the jQuery libary in the HEAD section of your page (in red):


<script type="text/javascript" src="http://www.google.com/jsapi?key=YOUR-API-KEY"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


<script type="text/javascript" src="gfeedfetcher.js"></script>

<script type="text/javascript" src="gajaxticker.js">

/***********************************************
* gAjax RSS Ticker- (c) Dynamic Drive (www.dynamicdrive.com)
* Requires "gfeedfetcher.js" class
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

Then, use the modified .js file below. The value 400 as it appears inside this file dictates the duration of the fade in mililsecs- you can change that to something else if desired.

Jingleballs
09-03-2010, 07:17 PM
Thanks DD. Looks good. Looks like it fades in but not out, but it still looks great. Good work. Nice scripts here.

J