607 posts
  • Envato Staff
  • Senior Reviewer
  • Blog Editor
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Forum Moderator
  • Author had a File in an Envato Bundle
  • Envato Studio (Microlancer) Beta Tester
  • Sold between 10 000 and 50 000 dollars
+9 more
Siddharth Reviewer 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
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 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
  • Envato Studio (Microlancer) Beta Tester
  • Elite Author
  • Exclusive Author
  • Has been a member for 5-6 years
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Sold between 250 000 and 1 000 000 dollars
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+3 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
  • Author had a File in an Envato Bundle
  • Sold between 250 000 and 1 000 000 dollars
  • Elite Author
  • Contributed a Tutorial to a Tuts+ Site
  • Exclusive Author
  • Has been a member for 4-5 years
  • India
+1 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.

2024 posts
  • Elite Author
  • Author had a Free File of the Month
  • Has been a member for 4-5 years
  • Austria
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Envato Studio (Microlancer) Beta Tester
+3 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
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 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/

3423 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Community Moderator
  • Bought between 100 and 499 items
  • Referred more than 2000 users
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+4 more
sevenspark Volunteer 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
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 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
  • Attended a Community Meetup
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Bought between 100 and 499 items
  • Contributed a Blog Post
  • Elite Author
  • Exclusive Author
+5 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.

2024 posts
  • Elite Author
  • Author had a Free File of the Month
  • Has been a member for 4-5 years
  • Austria
  • Exclusive Author
  • Interviewed on the Envato Notes blog
  • Envato Studio (Microlancer) Beta Tester
+3 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