Re: [jQuery] Fader code I duplicated using JQuery

2006-09-22 Thread Karl Swedberg
On Sep 21, 2006, at 4:53 PM, Rey Bango wrote:

 I saw this posting:

 http://mikeomatic.net/techtips/css-crossfader/

 and it showed a really cool fader. So I duplicated it using JQuery:

 http://www.intoajax.com/fade.htm

 The cool thing is that I didn't need to load scriptaculous to do it.

Very cool, Rey!
I've done something similar on a few sites using jQuery:
- htttp://www.vikinggroupinc.com/  (this one rotates text and  
background color on every third photo rotation; uses Drupal to manage  
content)
- http://www.davidlagrand.com/ (just rotates photos)
- http://www.continentalmovingservices.com/ (just rotates text)

I got started with code from someone else who posted here (can't  
remember who anymore, or I would give him/her credit) and called it a  
ticker.

Anyway, the code is easy to find from the script tags of the pages'  
source, so everyone is free to re-use and recycle.

Cheers,
Karl
___
Karl Swedberg
www.englishrules.com
www.learningjquery.com


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread Webunity | Gilles van den Hoven
Rey Bango wrote:
 I saw this posting:

 http://mikeomatic.net/techtips/css-crossfader/

 and it showed a really cool fader. So I duplicated it using JQuery:

 http://www.intoajax.com/fade.htm

 The cool thing is that I didn't need to load scriptaculous to do it.
   
Nice stuff! I was wondering how much effort it would be with jQuery 
since i need this on a new project of me ;)

Thanx

Gilles

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread Rey Bango
Sweet! It was real easy to do and JQuery had all of the stuff built in 
to do it.

Definitely look at the comments on the original post here:

http://mikeomatic.net/?p=78

Dustin Diaz was commenting on how to do it without a lib. Good stuff.

Rey...

Webunity | Gilles van den Hoven wrote:
 Rey Bango wrote:
 
I saw this posting:

http://mikeomatic.net/techtips/css-crossfader/

and it showed a really cool fader. So I duplicated it using JQuery:

http://www.intoajax.com/fade.htm

The cool thing is that I didn't need to load scriptaculous to do it.
  
 
 Nice stuff! I was wondering how much effort it would be with jQuery 
 since i need this on a new project of me ;)
 
 Thanx
 
 Gilles
 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread dizzledorf

Rey,


Looks good.  Just one minor niggle on your demo: the rounded box is
out-of-whack in IE6.

Nice work!


--DIZZLE



Rey Bango-2 wrote:
 
 I saw this posting:
 
 http://mikeomatic.net/techtips/css-crossfader/
 
 and it showed a really cool fader. So I duplicated it using JQuery:
 
 http://www.intoajax.com/fade.htm
 
 The cool thing is that I didn't need to load scriptaculous to do it.
 
 Enjoy!
 
 Rey...
 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 
 

-- 
View this message in context: 
http://www.nabble.com/Fader-code-I-duplicated-using-JQuery-tf2314431.html#a6436656
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread Rey Bango
Hey Dizzle, thanks for the heads up. Someone else pointed that out to me 
as well. Check it out again and be sure to refresh your cache.

Rey...

dizzledorf wrote:
 Rey,
 
 
 Looks good.  Just one minor niggle on your demo: the rounded box is
 out-of-whack in IE6.
 
 Nice work!
 
 
 --DIZZLE
 
 
 
 Rey Bango-2 wrote:
 
I saw this posting:

http://mikeomatic.net/techtips/css-crossfader/

and it showed a really cool fader. So I duplicated it using JQuery:

http://www.intoajax.com/fade.htm

The cool thing is that I didn't need to load scriptaculous to do it.

Enjoy!

Rey...

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


 
 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread Klaus Hartl
Rey, that's cool, will use it sometime!

A little tip: you are serving the demo page as text/html, therefore you 
shouldn't include an xml prologue:

?xml version=1.0 encoding=utf-8?

Because it isn't xml. Besides that IE is thrown into Quirks mode which 
can cause you some headache...


Cheers, Klaus




Rey Bango schrieb:
 I saw this posting:
 
 http://mikeomatic.net/techtips/css-crossfader/
 
 and it showed a really cool fader. So I duplicated it using JQuery:
 
 http://www.intoajax.com/fade.htm
 
 The cool thing is that I didn't need to load scriptaculous to do it.
 
 Enjoy!
 
 Rey...
 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


Re: [jQuery] Fader code I duplicated using JQuery

2006-09-21 Thread Rey Bango
Thanks for the heads up Klaus! I basically took the source from Mike's 
page and just modified it using JQuery. I should've been more cognizant 
of that.

Thanks again!

Rey...

Klaus Hartl wrote:
 Rey, that's cool, will use it sometime!
 
 A little tip: you are serving the demo page as text/html, therefore you 
 shouldn't include an xml prologue:
 
 ?xml version=1.0 encoding=utf-8?
 
 Because it isn't xml. Besides that IE is thrown into Quirks mode which 
 can cause you some headache...
 
 
 Cheers, Klaus
 
 
 
 
 Rey Bango schrieb:
 
I saw this posting:

http://mikeomatic.net/techtips/css-crossfader/

and it showed a really cool fader. So I duplicated it using JQuery:

http://www.intoajax.com/fade.htm

The cool thing is that I didn't need to load scriptaculous to do it.

Enjoy!

Rey...

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

 
 
 ___
 jQuery mailing list
 discuss@jquery.com
 http://jquery.com/discuss/
 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/