What javascript slide-in works best across multiple browsers? - GoFuckYourself.com

Wolfy · 07-08-2009, 06:44 PM

I want to delay the slide-in for a few seconds, so when people actually read more than 4 seconds I can give them an opportunity to join the newsletter. I also would love the option to let people click "Don't show this again"...

Anyone have any tips?

Wolfy · 07-09-2009, 04:38 AM

bump for the morning crew

StuartD · 07-09-2009, 05:45 AM

http://script.aculo.us/

or also good, but a little more advanced than that...
http://jquery.com/

calmlikeabomb · 07-09-2009, 06:02 AM

I'd also suggest jQuery.

Assuming you wanted to slide an ad in when something is clicked. You'd just adjust the animate method to move your element to where you'd like it to go.

$("#clicked_element").click(function(){ $("#my_ad").animate({"left": "+=50px"}, "slow");});

Lots of different events you can bind to besides a click.

quantum-x · 07-09-2009, 06:08 AM

jQuery tools is a very nice, and a lot lighter jQuery implementation
http://flowplayer.org/tools/index.html

calmlikeabomb · 07-09-2009, 06:17 AM

^ Looks like they are just selling plugins that are implemented using the jQuery library.

The plugins look good, but I don't think the jQuery library itself is any lighter.

Quote:

Originally Posted by documentation

Flowplayer has support for the jQuery language. jQuery skills are definitely not needed when using Flowplayer but if you are accustomed to using jQuery (like us) then you can do things like...

Plus, if you're interested in speed, just use compression and caching. minify is awesome. It can combine all css and js into a single http request:
http://code.google.com/p/minify/

Wolfy · 07-09-2009, 06:49 AM

What is John chow using? Open the site and stay there a second or two.

http://www.johnchow.com/

StuartD · 07-09-2009, 07:05 AM

Quote:

Originally Posted by Wolfy

What is John chow using? Open the site and stay there a second or two.

http://www.johnchow.com/

Quite a few different scripts, including 2 different versions of jQuery it looks like.

calmlikeabomb · 07-09-2009, 07:25 AM

Yeah, that's a little odd.

fris · 07-09-2009, 07:33 AM

can you define slidein?

Im assuming its not a carousel you are looking for but a jquery popup slider?

Wolfy · 07-09-2009, 07:39 AM

Slide in, slide over, fade in, fade over, whatever... I'm looking for something that looks slick and people have to take action on to continue reading the article.

Wolfy · 07-09-2009, 06:00 PM

Annnnnnnnnnnnd a bump for the night crew

fris · 07-09-2009, 06:23 PM

can you show a site with a sample

Wolfy · 07-10-2009, 04:26 AM

www.johnchow.com

He also has a cool footer ad for his newsletter: http://www.johnchow.com/make-money-o...ate-footer-ad/

Thanks fris

TheDoc · 07-10-2009, 04:40 AM

Quote:

Originally Posted by Wolfy

What is John chow using? Open the site and stay there a second or two.

http://www.johnchow.com/

Quote:

Originally Posted by StuartD

Quite a few different scripts, including 2 different versions of jQuery it looks like.

He uses aweber.com - Same service I use, it has a little admin that lets you do popups/unders/exits and light boxes, css fade ins, outs, left/right/bottm/top slide ins, several goodies really.

munki · 07-10-2009, 04:50 AM

Looks around the mootools collection for jquery...

fris · 07-10-2009, 06:14 AM

I have ultimate footer ad and header ad, nice script

Wolfy · 07-10-2009, 06:16 AM

Quote:

Originally Posted by TheDoc

He uses aweber.com - Same service I use, it has a little admin that lets you do popups/unders/exits and light boxes, css fade ins, outs, left/right/bottm/top slide ins, several goodies really.

Sounds cool as shit, but I'm using feedburner.

TheDoc · 07-10-2009, 06:39 AM

Quote:

Originally Posted by Wolfy

Sounds cool as shit, but I'm using feedburner.

Feedburner is for your rss feeds, so people can subscribe to them and you can keep track of the information. I use feedburner on all my feeds.

Aweber is an email auto responder service. A white listed, opt in email service for mainstream mail.

John Chow for example is offering you a free ebook on how he makes money, in exchange for your email address.

07-08-2009, 06:44 PM	#1
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	What javascript slide-in works best across multiple browsers? I want to delay the slide-in for a few seconds, so when people actually read more than 4 seconds I can give them an opportunity to join the newsletter. I also would love the option to let people click "Don't show this again"... Anyone have any tips?

07-09-2009, 05:45 AM	#3
StuartD Sofa King Band Join Date: Jul 2002 Location: Outside the box Posts: 29,903	http://script.aculo.us/ or also good, but a little more advanced than that... http://jquery.com/ __________________ This is me on facebook This is me on twitter

07-09-2009, 06:02 AM	#4
calmlikeabomb Confirmed User Join Date: May 2004 Location: SW Palm Bay, Florida Posts: 1,323	I'd also suggest jQuery. Assuming you wanted to slide an ad in when something is clicked. You'd just adjust the animate method to move your element to where you'd like it to go. $("#clicked_element").click(function(){ $("#my_ad").animate({"left": "+=50px"}, "slow");}); Lots of different events you can bind to besides a click. __________________ subarus.

07-09-2009, 06:08 AM	#5
quantum-x Confirmed User Join Date: Feb 2002 Location: ICQ: 251425 Fr/Au/Ca Posts: 6,863	jQuery tools is a very nice, and a lot lighter jQuery implementation http://flowplayer.org/tools/index.html __________________ PrettyInCash.com - BoozedGFs.com - TeenGFs.com - JizzGFs.com- MilfUploads.com -

07-09-2009, 07:25 AM	#9
calmlikeabomb Confirmed User Join Date: May 2004 Location: SW Palm Bay, Florida Posts: 1,323	Yeah, that's a little odd. __________________ subarus.

07-09-2009, 04:38 AM	#2
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	bump for the morning crew

07-09-2009, 06:49 AM	#7
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	What is John chow using? Open the site and stay there a second or two. http://www.johnchow.com/

07-09-2009, 07:33 AM	#10
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,219	can you define slidein? Im assuming its not a carousel you are looking for but a jquery popup slider? __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

07-09-2009, 07:39 AM	#11
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	Slide in, slide over, fade in, fade over, whatever... I'm looking for something that looks slick and people have to take action on to continue reading the article.

07-09-2009, 06:00 PM	#12
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	Annnnnnnnnnnnd a bump for the night crew

07-09-2009, 06:23 PM	#13
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,219	can you show a site with a sample __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff

07-10-2009, 04:26 AM	#14
Wolfy Confirmed User Industry Role: Join Date: Dec 2003 Location: Wisconsin Posts: 3,574	www.johnchow.com He also has a cool footer ad for his newsletter: http://www.johnchow.com/make-money-o...ate-footer-ad/ Thanks fris

07-10-2009, 04:50 AM	#16
munki Do Fun Shit. Industry Role: Join Date: Dec 2004 Location: OC Posts: 13,393	Looks around the mootools collection for jquery... __________________ “I have the simplest tastes. I am always satisfied with the best.” -Oscar Wilde

07-10-2009, 06:14 AM	#17
fris Too lazy to set a custom title Industry Role: Join Date: Aug 2002 Posts: 55,219	I have ultimate footer ad and header ad, nice script __________________ Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence. WP Stuff