607 posts
  • Member of the Envato Team
  • Had an item featured in an Envato Bundle
  • Made it to the Authors' Hall of Fame
  • Contributed a blog post
+10 more
Siddharth Envato team says

@DD: Just throw the code up somewhere like JSBin and paste the link over? I’d love to take a look.


Edit: And the coolest vertical scroll script I found was in an article on nettuts by sidhharth.
Can’t believe that the article is more than a year old. I think I’m gonna do a follow up. :)
2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says

Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path :)

211 posts Devil Can't Burn
  • Has referred 50+ members
  • Has sold $250,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+8 more
Devilcantburn says

Hey,

i didnt read all the comment but i do that with this code :


$(function()
{
    var list_move = function()
    {
        setTimeout(function(){
            $('#my_ul_for_list li:first').animate({marginTop: '-30px'}, 800, function()
            {
                $(this).detach().appendTo('#my_ul_for_list ul').removeAttr('style');    
            });
            list_move();
        }, 4000);
    };
    list_move();
});

and #my_ul_for_list have height 30px; and overflow hidden…

;)

469 posts
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 4 years
  • Has sold $250,000+ on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+6 more
SaurabhSharma says

@DD: Just throw the code up somewhere like JSBin and paste the link over? I’d love to take a look.

Edit: And the coolest vertical scroll script I found was in an article on nettuts by sidhharth.
Can’t believe that the article is more than a year old. I think I’m gonna do a follow up. :)

@Sid – I did modified that slider to work as tabs and used in my second last Wordpress theme. :). A follow up with tabs feature and auto scroll on hover(down) would be cool.

2035 posts
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
  • Provided great feedback to improve the user experience on Envato Market
  • Interviewed on an Envato blog
+9 more
revaxarts says

Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path :)

The script you are using triggers an event called 'loaded' when the list was built. Attach the function to this event should work:

$(".tweet").tweet({
      // yourcustomoptions

}).bind('loaded',function(){

var current = 0,
    timebetween = 1000,
    tweetlist = $('.tweet_list'),
    tweets = tweetlist.find('li'),
    count = tweets.length,

    interval = setInterval(function() {
        tweets.eq(current).slideUp(function(){
             $(this).appendTo(tweetlist);
          });
        (current + 1 < count) ? current++ : current = 0;
        tweets.eq(current).slideDown();

    }, timebetween);

tweets.hide().eq(current).show();

});

should work (untested);

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says


Hey guys, here’s the code : http://periodical.ddstudiosthemes.com/

@Xaver : Well, I rarely touch to jquery stuff, I leave it for others, but I think I won’t have any choice but to learn it, at least the basics.

I always said I would never code and now I’m doing the HTML /CSS and the Wordpress stuff .. so I think I’m on a good path :)

The script you are using triggers an event called 'loaded' when the list was built. Attach the function to this event should work:

$(".tweet").tweet({
      // yourcustomoptions

}).bind('loaded',function(){

var current = 0,
    timebetween = 1000,
    tweetlist = $('.tweet_list'),
    tweets = tweetlist.find('li'),
    count = tweets.length,

    interval = setInterval(function() {
        tweets.eq(current).slideUp(function(){
             $(this).appendTo(tweetlist);
          });
        (current + 1 < count) ? current++ : current = 0;
        tweets.eq(current).slideDown();

    }, timebetween);

tweets.hide().eq(current).show();

});
should work (untested);

Doesn’t work. http://periodical.ddstudiosthemes.com/

3447 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says

Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

Are you using Firebug to debug your code?

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says


Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....
Are you using Firebug to debug your code?

Oh, it work :)

Thanks everyone for helping me on this one, I’ll definitly take a look at the basics of jquery this week.

Thanks so much Xaver.

2952 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Had an item featured in an Envato Bundle
+10 more
DDStudios says


Doesn’t work. http://periodical.ddstudiosthemes.com/

The error you are getting is

$ is not a function

jQuery is running in noConflict mode so you have to pass the $ variable into the ready callback function to use it. Or, just use j instead of $.

 j(document).ready(function($){
    $(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....

or

 j(document).ready(function(){
    j(".tweet").tweet({
      username: "ddstudios",
            join_text: "auto",
....
Are you using Firebug to debug your code?

Oh, it work :)

Thanks everyone for helping me on this one, I’ll definitly take a look at the basics of jquery this week.

Thanks so much Xaver.

2035 posts
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
  • Provided great feedback to improve the user experience on Envato Market
  • Interviewed on an Envato blog
+9 more
revaxarts says

No problem DD,

I recommend these blogs for jquery:

http://www.learningjquery.com/
http://jquery-howto.blogspot.com/
http://css-tricks.com/ (not only jquery)

by
by
by
by
by
by