Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 21

Thread: jcarousel lite / jquery image scroller for classipress

  1. #11
    Thread Starter
    Member damien's Avatar
    Join Date
    May 2009
    Location
    Melbourne, Australia
    Posts
    91
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    This is where it's all happening, there is nothing about vertical in the code. It's designed to be horizontal by default in the js. That's why I'm sure it's something there.

    Auto: makes it scroll / the speed in milliseconds
    visable: 7 pictures.

    Code:
    <script type="text/JavaScript">
        $(document).ready(function() {
            $(".widget_style").jCarouselLite({
                btnPrev: ".previous",
                btnNext: ".next",
              auto: 6000,
             visible: 7,
                /*this makes it a true carousel rather than a slideshow*/
                circular: true
            });
        });
       </script>
    I take it the css works fine, you have the two button images showing even though it's all broken, so that rules that out.
    Try using my working header.php and arrange your files exactly like this:

    Code:
    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jcarousellite_1.0.1.pack.js"></script>
    <script type='text/javascript' src='<?php bloginfo('template_url'); ?>/includes/js/global.js'></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/iconified.js"></script>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/iconified.css" media="screen" />
    <script type='text/javascript' src='<?php bloginfo('template_url'); ?>/includes/js/fancybox/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='<?php bloginfo('template_url'); ?>/includes/js/fancybox/jquery.fancybox-1.2.6.pack.js'></script>
    <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/includes/js/fancybox/jquery.fancybox-1.2.6.css" type="text/css" />
    The below should be standard in your theme anyway.
    Code:
    <?php wp_enqueue_script('jquery'); ?>
    <?php wp_head(); ?>
    find ?> at the end of header.php, add after it the;

    Code:
    <script type="text/JavaScript">
        $(document).ready(function() {
            $(".widget_style").jCarouselLite({
                btnPrev: ".previous",
                btnNext: ".next",
              auto: 6000,
             visible: 7,
                /*this makes it a true carousel rather than a slideshow*/
                circular: true
            });
        });
       </script>
    save it. It should be working. If not, it's something I'd have to look at in your theme online.

  2. #12
    pepsi's Avatar
    Join Date
    Mar 2009
    Location
    New Zealand
    Posts
    14,883
    Thanks
    91
    Thanked 804 Times in 718 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    Thanks for sharing this Damien

  3. #13
    Veteran sarge's Avatar
    Join Date
    Jun 2009
    Location
    USA
    Posts
    628
    Thanks
    2
    Thanked 9 Times in 9 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    I just want to mention that your suggestion of removing all of the CP java from the header.php file can lead to the Post Classifieds Button not working properly.

    I just learned this now as I tried to post an ad to my test site that I use for testing different things.
    Always treat everyone with respect and courtesy, but trust no one.

  4. #14
    Thread Starter
    Member damien's Avatar
    Join Date
    May 2009
    Location
    Melbourne, Australia
    Posts
    91
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    Quote Originally Posted by Sarge
    I just want to mention that your suggestion of removing all of the CP java from the header.php file can lead to the Post Classifieds Button not working properly.

    I just learned this now as I tried to post an ad to my test site that I use for testing different things.
    Of course it does

    The only reason I suggested it was so you could see if it was a javascript conflict or similar, if the carousel worked after removing all the js for the submit slider then you would need to try placing the js for the carousel someplace else, maybe after the slider has loaded or in the footer.

  5. #15
    Thread Starter
    Member damien's Avatar
    Join Date
    May 2009
    Location
    Melbourne, Australia
    Posts
    91
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    Damn I just realized I made some errors.

    Try putting the css in styles/master.css, not style.css. That should fix any css alignment problems. If it still wont work, put the css in the theme you are using, example: styles/green.css

    The left and right arrows names have been renamed by the photo file uploader I used, you have to rename them to what's in the css I've posted above.

  6. #16
    Founder dcowgill's Avatar
    Join Date
    Mar 2009
    Location
    San Francisco, CA
    Posts
    1,939
    Thanks
    66
    Thanked 135 Times in 99 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    Nice work on the hacks guys. The good news for those of you who haven't been able to figure it out yet is that 3.0 includes the jcarousel for featured ads so you won't need to hack the code.

  7. #17
    Thread Starter
    Member damien's Avatar
    Join Date
    May 2009
    Location
    Melbourne, Australia
    Posts
    91
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    sweet, thanks man.

  8. #18
    Junior Member EbayClass's Avatar
    Join Date
    May 2010
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    Thanks for the tutorial.

    What code addition/change would be needed to only show featured ads in the scroller?

    Thanks.

    Allen

  9. #19
    rubencio's Avatar
    Join Date
    May 2010
    Location
    Spain
    Posts
    3,804
    Thanks
    268
    Thanked 316 Times in 278 Posts

    Re: jcarousel lite / jquery image scroller for classipress

    I did my best in the featured area (larger images and nicer slider)... you can see my mod at http://clasifichados.com

    r u b e n c i o . c o m


    Since 2010 providing AppThemes solutions,
    Plugins and the best childthemes...



  10. #20
    rubencio's Avatar
    Join Date
    May 2010
    Location
    Spain
    Posts
    3,804
    Thanks
    268
    Thanked 316 Times in 278 Posts
    A new slider as a Plugin custom made for ClassiPress
    http://classipro.com/plugins/

    Regards,

    r u b e n c i o . c o m


    Since 2010 providing AppThemes solutions,
    Plugins and the best childthemes...



Page 2 of 3 FirstFirst 123 LastLast

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Displaying a Main Image or Large Image for listings
    By kwave12 in forum ClassiPress General Discussion
    Replies: 20
    Last Post: December 10th, 2010, 04:47 PM
  2. classipress on steroids - image rating/uploading
    By damien in forum Showcase & Feedback
    Replies: 4
    Last Post: February 3rd, 2010, 12:17 AM