WordPress.org

Ready to get started?Download WordPress

Forums

WP Orbit Slider
[resolved] Not working on my site (55 posts)

  1. gary.upham
    Member
    Posted 2 years ago #

    Hey thanks for making this a plugin. I am having trouble making it work on my site though. It's on a test site right now.

    http://shiftisgoodweb.com/nfuzion/test2

    I tried it on another site and it did work though ... this site is the version before the newest version of wp

    http://shiftisgoodweb.com/shift/test

    Do you think that you can see the problem?

    http://wordpress.org/extend/plugins/wp-orbit-slider/

  2. gary.upham
    Member
    Posted 2 years ago #

    Also ... using this code

    <?php if ( function_exists( 'add_image_size' ) ) { add_image_size( 'orbit-custom', 970, 338 ); } ?>

    doesn't seem to work either ... it makes nothing show up on the whole site at all?

  3. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Gary,
    Looking at the source-code for http://www.shiftisgoodweb.com/nfuzion/test2/
    (the site that the plugin isn't working)

    I see...

    <script type="text/javascript">
    $(window).load(function() {
             $('#featured').orbit();
         });
    </script>

    This script above appears in the head. Is this hardcoded in the theme or have you added it? Its not outputed from the plugin. This is most probably the route to the problem. Two instance of .orbit() are being called.

    The following code...

    <?php if ( function_exists( 'add_image_size' ) ) { add_image_size( 'orbit-custom', 970, 338 ); } ?>

    Will not show the slider. Its only for changing the default thumbnail size. This should be placed inside your themes functions.php file.

    Hope any of this helps.
    Let me know how you get on.

  4. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Its been tested as working on all version of 3.2 and the latest 3.3 edition

  5. gary.upham
    Member
    Posted 2 years ago #

    Thanks for the reply ... I was originally just trying to use the orbit slider without your version of the plugin ... unfortunately I ran into a problem with it auto sizing it's height to 450px so that's where I found your plugin. That's why I had that left over in the header and forgot to remove it.

    I removed it now though and it still doesn't seem to be working. I might have to just start over again and see if I can get it working from the beginning unless you see anything else?

    Also ... if I want the slider to be 970px x 338px, where do I put these values?

  6. gary.upham
    Member
    Posted 2 years ago #

    Ok ... I made a new test site and slowly placed the content from the old site to eliminate the problem and I have figured it out ... I also have some images on the homepage which I am using a script to give them an animating hover effect. For this, I am calling a jquery in the head ...

    <script type="text/javascript" src="/nfuzion/js/jquery-1.5.1.min.js"></script>

    This is what is causing the plugin not to work ... do you have any suggestions on how to have both of these working together on the same page?

    Also, my images that I am using are 970px x 338px but on the new site I have the slider on ( http://shiftisgoodweb.com/nfuzion2 ) they are showing up around 950px x 330px ... do you know how to make these show up at full size?

    Thanks for all of the help.

  7. gary.upham
    Member
    Posted 2 years ago #

    Update ... I fixed the first issue ... the option you have to call the js in the footer saved my life ... I was able to select that, then in my header call the other jquery and both work on the same page now!

    My only remaining issue is the fact that it is not showing up at the full size. I could really use the help if you get a chance. Thanks man.

  8. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hey Gary,
    Glad to hear you found some solutions. Like what you've done... you managed to style the content sliders. Out-the-box, the captions were the main feature, the content slides more experimental as it takes more work styling them. Happy to see you did it!

    Have you fixed the image issue as it seems ok in your slider? Do you still have problem?

    Also.... you are calling the main jQuery script twice. Definate no no mate.
    You already have jQuery v1.7.1 running.
    The line you added

    <script type="text/javascript" src="/nfuzion/js/jquery-1.5.1.min.js"></script>

    needs to go. If removing it is affecting another jQuery working, it must mean that plugin doesn't work with a later version of jQuery.
    Remove the code you added and let me know what happens.

    Cheers

  9. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Had another peep. The slide is responsive so will attempt to stretch to the its surrounding div.

    I think a potential problem you have....

    .post_box {
        margin: 0 1.1em;
    }

    maybe try zeros margins for this.

  10. gary.upham
    Member
    Posted 2 years ago #

    Hey bud .. thanks for getting back at me ... I found one of a few divs that the sider is inside of and saw that it was causing the slider to cut off short on the right side so I changed it's size and voila, the slider stretched as well.

    Thanks very much for the hands on help with your plugin ... it means a lot to know that you really want people to get a lot out of it ...

    I plan on using this slider for all of my upcoming sites ( which should be quite a few ) so I might have to cross my fingers that you make it a regular practice to check these boards haha ... hopefully I should be good to go on future projects though after this first one.

    Thanks again for the plugin and the help!

    - Gary

  11. gizmogarrett21
    Member
    Posted 2 years ago #

    The Orbit Slider is not working on my site. Rather than doing any sliding, the images just post down the page. see http://focrls.org/wordpress/community-supporters/

    I followed the instructions as they were presented:
    download, activate, add slides, set featured image to slides, add shortcode where slider should be

    The "slides" show up like this regardless of whether I have a category or not.

    Am I missing something?

  12. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hi,
    I visit that link you provided but cannot see any evidence of the plugin existing there.
    You have another slider installed in the sidebar.
    Have you deactivated the plugin?

    Let me know

  13. gizmogarrett21
    Member
    Posted 2 years ago #

    Shoot. My bad. I have been looking for a functional slider for days that was simple for a complete WP n00b like me. I have been trying out a lot of sliders and end up getting super frustrated and moving on. I was testing some other ones when you responded. Bad form on my part. I have set up a test page where you can see what is occurring.
    http://focrls.org/wordpress/test/
    Thanks for your quick response, I am extremely curious to know what the issue is.

  14. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    No problem.

    Ok, you could try the setting 'load js in footer'.
    Would also be a good idea to deactivate any plugins injected jQuery code (eg the other slider)
    There is most probably a jQuery conflict somewhere.

    To be honest, if its a small slideshow in your sidebar that you require... the orbit slider is probably overkill for this use and WILL LIMIT you to one slider per page.

    Let me know if any of this helps.

  15. gizmogarrett21
    Member
    Posted 2 years ago #

    This is helpful. At this point I think I am going to go with the other slider. I have it formatted the way that I want it and it does seem to be working.

    I do thank you for your assistance and will keep this plugin in mind for other projects that I work on!

  16. gary.upham
    Member
    Posted 2 years ago #

    Virtual Pudding ...

    I have ran into a pretty bad issue ... it seems that the slider doesn't show up correctly in IE8 ... it is just a very thin ( height wise ) strip that is the correct width, but not the correct height ... it looks just like a line across the bottom of the containing div

    Here is a screen shot of it ... have you seen this issue before?

    http://shiftisgood.com/images/orbit-sample.jpg

    In IE6, it shows up as the correct size, but none of the content is displayed, just a blank space with the two arrows on the side. I am not as concerned with it not working in IE6 though.

    Thanks for the help.

    Just as an option if gizmogarrett21 is still reading this thread, could you please tell me the other slider that you found that is similar to this one. This is not a slight to you Virtualpudding, I wan't your plugin to work and am planning on using it, I just have to have it working by tomorrow so I have to keep my options open.

    Thanks in advance for all of the help.

  17. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    It has been tested in ie8 as working.
    Not supported for ie6.

    I'll test again and let you know.

    As far as I can see...gizmogarrett21 is using
    http://wordpress.org/extend/plugins/thethe-image-slider/

    If this works for you, go for it :)

  18. gary.upham
    Member
    Posted 2 years ago #

    Cool. Yea, I'm looking at mine on ie8 and it's a no go. Would looking at my site specifically help you out any?

    http://shiftisgoodweb.com/nfuzion

    Thanks for the help.

  19. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hey Gary,
    Thats strange.
    I've just tested ie7 and ie9 with native browsers and all works fine. Dont have a machine here with ie8.

    Thinking out loud, you could try adding a min-height

    In your style.css add...

    #orbit-wrap {
       min-height:YYpx!important;
    }

    YY= the height of your slider.

    Try it and let me know how you get on.
    Hope this helps.

  20. violetta
    Member
    Posted 2 years ago #

    Hi,
    http://www.tangodynamico.com
    WP 3.3
    Suffusion Theme 3.9.5

    Thanks so much for your help!

    I've installed orbit plugin and uploaded 5 slides (using url reference not with wp media uploader). (They view correctly in the Slides area of the wordpress backstage.)
    I've put [orbit-slider] in a text widget in the sidebar area just below the header.
    The page source resulting reads src="".

    Because I have a lot of visits to the website now, what I've done is create a custom sidebar with the widget and [orbit-slider] and put it only on one post:
    http://tangodynamico.com/tangoforge/?p=959
    You can see the slider arrows and
    You can see in the page source that src="".

    I tried using the media uploader to upload one of the five images instead of linking to url. Just like before, we can see the image fine within the slider post, but the image location doesn't appear in the page source.

    My boyfriend tried putting the code below into the widget instead. This time we could see the images, and use the arrows to click, but they didn't slide:
    Here's a post with that code in there:
    <div class="custom-slider">

    <div id="orbit-inside">

    <img class="orbit-slide" src="http://tangodynamico.com/images/whydancetango.png" />


    <img class="orbit-slide" src="http://tangodynamico.com/images/vioirridescent.png" />


    <img class="orbit-slide" src="http://tangodynamico.com/images/viorogeometry.png" />


    <img class="orbit-slide" src="http://tangodynamico.com/images/engineers1.png" />


    <img class="orbit-slide" src="http://tangodynamico.com/images/engineers2.png" />

    slider  
    </div><!-- #orbit-inside -->
    <span class="orbit-caption" id="slide-891"></span><span class="orbit-caption" id="slide-852"></span><span class="orbit-caption" id="slide-851"></span><span class="orbit-caption" id="slide-849"></span><span class="orbit-caption" id="slide-848"></span>                              
    </div><!-- .custom-slider -->

    Thanks again!
    Violet

  21. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Violet,
    Sorry to hear its not working for you.

    Firstly,
    Are you setting the image as 'Featured Image' ?

    http://codex.wordpress.org/Post_Thumbnails
    See the section 'Setting a Post Thumbnail'

    If not, you should be setting the featured image as the the slide.
    "Set as featured image" NOT "insert in post".

    I can see from view source there is a lot of js loading. Theres a possible confilct.
    Try in 'slider settings' "load js in footer".

    Try these and let me know how you get on.
    Hope this helps.

  22. violetta
    Member
    Posted 2 years ago #

    Thanks for your help!

    I had no idea about the featured image business. Doesn't say that in orbit instructions.

    Also I researched and discovered that featured images cannot be url links, they must be uploaded into the wp filesystem. That sucks. Also missing from orbit instructions.

    Now the images are loading.

    I tried to make them bigger by following the instructions here:
    http://wordpress.org/extend/plugins/wp-orbit-slider/faq/
    which said to "add this line" to functions.php. Didn't say where to put it.
    <?php if ( function_exists( 'add_image_size' ) ) { add_image_size( 'orbit-custom', 940, 300 ); } ?>
    My blog immediately stopped working! Even the admin area stopped working. Something about an unexpected <. Boyfriend had to unbreak it by removing '<?php' at the start and '?>' at the end. That instruction needs to be corrected or clarified on the faq page.

    Now I have images, and they're the right size, but there's no sliding going on.
    I clicked the button in slider options for "put the js in footer."

    Check here:
    http://tangodynamico.com/tangoforge/?p=959

    Thanks again!

    Violet

  23. gary.upham
    Member
    Posted 2 years ago #

    Just a note ... step 3 in the installation section on the wp library for this plugin says this ... in bold at that

    3. Create your slides by clicking on 'Slides' in your administration menu and selecting 'Add New Slide'. As default the slider ONLY uses the featured image attached to any given slide.

    The size issue more than likely has to do with the div that is containing the slider ... if you click "custom size" in advanced setting, the slider will automatically stretch the containing div it is inside.

  24. violetta
    Member
    Posted 2 years ago #

    So the images look good, but as you can see when you visit the site, they don't slide.
    http://tangodynamico.com/tangoforge/?p=959
    Do you know what's wrong?

    Thanks a lot!
    Violet

  25. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Thanks Gary. It seems my instructions are not complete gobbledigook.
    This is my first plugin so i'm learning at each step :)

    Violet, sorry to hear it still not working. There must a javascript clash somewhere. Your site seems to be loading a lot of different javascript (to which, from what i can see, isn't being used).
    Have you tried deactivating certain plugins and testing whether the slider then works?

    If not, i'm unsure to why its not working for you. All themes are different and perhaps this slider isn't compatible with this one.

    Let me know if deactivating certain plugins helps.

  26. Clak
    Member
    Posted 2 years ago #

    Hi,
    I've installed your plugin, and it seems to be a very good job, the interface looks great and simply, but...it does'nt work on my page.
    The slider is present, but images don't slide automatically.
    Slides work with navigation bullet.

    I desactived all other plugins to avoid JS conflicts, but no effects.

    Can you take a look on this page :
    http://www.preprod.mossieurkent.com

    Thanks a lot

  27. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hey Clak,
    You are missing the link for me to take a look at?

    Send it over and i'll see if I can help out

  28. Clak
    Member
    Posted 2 years ago #

  29. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Clak,
    Thanks.

    "The slider is present, but images don't slide automatically."
    May be a silly question, check slider option settings.

    Slide Timer Animation should be on.

    Try that and let me know.
    Hope this helps.

  30. virtualpudding
    Member
    Plugin Author

    Posted 2 years ago #

    I'm sure that the problem. Its my bad, I should make this option a little more obvious in settings.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic