WordPress Plugin – upPrev: NYTimes Style “Next Post” jQuery Animated Button43
Posted In Stuff We Love
My expert jQuery programmer, Grzegorz Krzyminski, has created a WordPress Plugin to emulate the “Next Post” buttons you see once you scroll to the bottom of New York Times web articles.
New York Times “Next Post” Animated Button Examples
Just like the NYTimes button, upPrev allows WordPress site admins to provide the same functionality for their readers. When a reader scrolls to the bottom of a single post, a button animates in the page’s bottom right corner, allowing the reader to select the next available post in the single post’s category (the category is also clickable to access an archive page). If no next post exists, no button is displayed.
The plugin’s only current option is choosing a fade-in or a fly-in animation.
It’s absolutely beautiful. I love Grzegorz’s work and I invite you to download the plugin in the WordPress repository.
Great idea for a plugin, but unfortunately it didn’t display correctly on my site. It was over to the left and underneath everything. Probably just some CSS changes to either the plugin or my theme.
I’ll have a more detailed look later and report back.
Yeah, it seems a bit fickle as of right now. I’m working with my developer to iron out the kinks. Thanks for your feedback, though! Btw, how’d you find the plugin? Were you searching for the same functionality?
I have some “alerts” setup to scan the web for keyword phrases like “wordpress plugin” and your post was in the results;)
Looking forward to any updates coming:)
Please re-download the plugin and give it another try. I inadvertently renamed the plugin’s folder before compressing it into a .zip.
My error has been corrected and the developer has actually rewritten the code a bit so this won’t be an issue for anyone else.
Thanks again!
Hmmm…not yet for me, cleared browser cache (FF 3.6.3), same behavior.
Here’s a screenshot of the lower left of my screen. You can see the next post link. Also, when using Firebug there seems to be no styling associated with the “upprev_box” div?
http://tinypic.com/r/2gtagpv/6
Firebug – http://tinypic.com/r/dre6iv/6
I’ll try the default theme and see what happens…
…and in Kubrick…
http://tinypic.com/r/2d97eat/6
I wonder if maybe there’s a jQuery lib conflict?
Make sure you trash that old plugin completely and use this download link. Again, it works on thesis and other basic sites. I can’t believe it’s not working on Kubrick!
Oh, yeah it’s definitely working on a virgin install of Kubrick: http://item-9.com/thesis/2010/06/reception/.
I think we may have a plugin conflict. You know the drill…deactive, reactivate one by one and keep refreshing until upPrev breaks again.
Please report back your findings!
Great! Working now. My second download renamed the upprev folder (upprev) and I installed that one by mistake…which breaks things…whoops.
So…great plugin guys! Thanks for making it freely available, I’m sure it will be a hit when it goes live in the repository.
Great plugin, any way to adjust when it’s displayed? I fear readers may not make it to the very bottom of the comments after a post.
Great plugin! Just as Adrian I’m looking for a way to show the box earlier. Not all my visitors scroll all the way down.
Offset is now an option in version 1.3.
AWESOME! Thank you for the quick update!
On my blog, it incorrectly shows number of total posts per category. Actually, it ALWAYS says, “1 of 5″ for all displays… regardless of how many posts are actually in a category.
Hello,
You may try the latest version 1.3
Indeed there was some problem with some templates. Mostly it was caused by the “Recent Post” in the sidebar, which was using a method to change global variables storing info about currently displayed post.
The current version should resolve this issue, but if not, let us know.
I’m getting the same problem with 1.3.3. I tried removing “recent post” widget, but no joy. Any ideas?
Hello!
When I try to use your Plugin (which is really neat btw) it brakes my Dynamic Content Gallery. Would be nice if you can fix this. I believe this could have something to do with my Wibiya Toolbar too.
And and I have a Feature Request: Is it possible to Display the next Post, no matter which Category?
Greetings Simon
Great implementation for WP,saw this on NYTimes recently.The plugin out of the box works with some themes and not some, tried removing all js and activated only upprev, the plugin loads in the header but is not displayed or is getting hidden in the background, any sugg on fixing this.
Hello!
I absolutely love the plugin, one of the coolest, sleekest ones I’ve ever used on my site, so kudos to you!
But since I upgraded today, it no longer works on my site. I’m not sure what could’ve caused the problem, I’ve not made any other changes to my site, just a simple upgrade of your plugin.. Any idea what I can do to fix that?
Thanks so much!
Here’s a link to an older version: http://item-9.com/wordpress/wp-content/uploads/2010/06/upprev.zip . Try downgrading.
hi, very nice plugin, but can tell me, where i can adjust the color of the fonts. in my case they are very light grey and i believe nobody is able to read it.
Download Firebug, inspect the box’s font qualities and then adjust the CSS manually. You could probably put the declarations in your own style sheet and make sure they’re enacted by using the !important property.
okay, thanks! now it works
Much like Massa P, I am also only seeing 1 of 5 no matter how many posts are in the category…
I have upgraded to 1.3 version and I do not have any recent posts plugin enabled on my site…
Awesome plugin! Just installed it and going to work playing with it. Going to try to add images to it. I’ll let you know what I can cook up
[...] released by Jason Pelker and Grzegorz Krzyminski, does just that on your WordPress-driven site. Users can choose to either fly in or fade in a small [...]
Nice plugin! Installed it, blogged it and also have the 1 of 5 issue no matter how many posts. But I think I’ve found the conflict and will get rid of it. In the meantime, I don’t think anyone will notice the inaccurate count
Hello, can you please tell me how to stop the plugin always showing 1 of 5. I would like it to show 1 of total or dont show 1 of 5 and just click the title to go to the next page, as long as it doest stop at 5 post. Many thanks
Fantastic plugin! I’ve been wanting to do this ever since I saw it in NYT. Quick question.
I’ve adjusted the flyin to happen whenever the user sees 45% of the site. However, the box still doesn’t fly in until you scroll to the very bottom. Any ideas what might cause this?
Never mind. I got it to work!
Do you think it will ever be possible to cause the flyout whenever someone reaches the very beginning of the comments?
Because right now, with it based on percentage, where the flyout happens will change as comments are added to a post. So I can set it to 45%, but on pages with few comments, the flyout could happen in the middle of the post and on posts with a ton of comments, the flyout won’t happen until you scroll down a great deal into the comments. It would be great if it was consistent across all posts, no matter their length?
BTW, do you all take donations?
I think the new version accomplishes this request. Feel free to update using the WordPress admin panel or via the plugin repository.
Feel free to drop a donation for the developer on PayPal: http://bit.ly/9vksPi
Hi,
The plugin seemed nice, so I installed on my blog. Sadly its not working on my current theme. I tried on the default theme and it worked.
Any idea what can be done to make it work with my current theme?
Piyush
I sense javascript conflicts…Unfortunately, you’ll likely need to debug your theme.
Hello, thank you for this much-needed plugin. Installing it causes my “Featured Content Gallery” plugin to not load. Any ideas? Thanks again.
This is likely a plugin javascript conflict issue. Sorry, but I don’t have a solution for you at this time.
Love this plugin. Only problem is that it only displays my last 5 posts. It says 5 of 5 instead of 5 of 200 (or however many posts I have). Displays correctly and works well, otherwise.
Excellent! Works great, adds a sophisticated style to a site. Nice work, dudes!
For you others having conflict errors, try deactivating other plugins…check for jQuery library conflicts (versions, call instances, etc.)..and perhaps your theme needs to be updated, or the internal javascript (/includes) files are calling identical functions.
Plugin is not worked for me.
*i tried to disable all other plugins.
*i tried to change theme. (its not working even with the default “Twenty Ten” theme)
i think the main problem is at the code. All the sites that plugin worked perfectly, have code at their source code.
However, i can not see this code at my posts. You can check my blog at “http://biyorss.com”.
How can i add this code manually?
thanks for nothing..
Hello Can,
I haven’t checked this thread lastly. Are you still trying to add this plugin to your website?
After installation the plugin should be located at wp-content/plugins/upprev…
Is it there or still missing?
Sincerely
Grzegorz Krzyminski
[...] secret to this animated flyout link on our site is the amazing upPrev WordPress plugin, by Jason Pelker and Grzegorz Krzyminski. It will suggest the next link and also provide clickable [...]
[...] secret to this animated flyout link on our site is the amazing upPrev WordPress plugin, by Jason Pelker and Grzegorz Krzyminski. It will suggest the next link and also provide clickable [...]
[...] secret to this animated flyout link on our site is the amazing upPrev WordPress plugin, by Jason Pelker and Grzegorz Krzyminski. It will suggest the next link and also provide clickable [...]