Make the arrows not appear if first or last item #37

Activity

1. Mottie commented on Sep 12, 2011

   

   Mottie

   on Sep 12, 2011

   Contributor

   More actions

   Good point... I just updated the plugin to version 2.1.4 with a new disabled option which contains the css class added to the arrow. Please note that this class is only added when the wrap option is false, when it is true, the arrows will rewind/fast forward the slides.
2. Mottie

   closed this as completedon Sep 12, 2011
3. jase7777 commented on Sep 12, 2011

   

   jase7777

   on Sep 12, 2011

   Author

   More actions

   Oh cool thanks. The site I'm working on uses dynamic content to fill moving boxes...sometimes there is only one item though so looping or fast forwarding / rewinding still gives the illusion that it's not doing anything. If the arrows weren't there at all on these items it would be better, but since this was not how it was intended to be used I can fully understand if you choose not to make it so.

   Anyway I appreciate the work you have done and very fast reply. Thank you.
4. Mottie commented on Sep 12, 2011

   

   Mottie

   on Sep 12, 2011

   Contributor

   More actions

   If you want to completely hide the arrows, just add this css:

   a.mb-scrollButtons {
     display: none;
   }

   Hmmm, it should hide both arrow buttons if there is only one panel. Is there something else you needed changed to make this better work for you?
5. jase7777 commented on Sep 15, 2011

   

   jase7777

   on Sep 15, 2011

   Author

   More actions

   Oh I didn't even need to add that CSS. I updated to the latest version and it all looks and works beautifully.

   Thank you so much!
6. tengallen commented on Nov 29, 2011

   

   tengallen

   on Nov 29, 2011

   More actions

   how to use arrow instead of pointer for left and right panel?

   I still don't know how to modify css....
7. Mottie commented on Nov 29, 2011

   

   Mottie

   on Nov 29, 2011

   Contributor

   More actions

   @tengallen Look in the movingboxes.css file for these lines:

   /*** Slider panel ***/
   .mb-slider .mb-panel {
   width: 350px; /* default, this is overridden by script settings */
   margin: 5px 0;
   padding: 5px;
   display: block;
   cursor: pointer;
   float: left;
   list-style: none;
   }
   
   /* Cursor to arrow over current panel, pointer for all others,
   change .current class name using plugin option, currentPanel : 'current' */
   .mb-slider .mb-panel.current {
   cursor: auto;
   }

   It is opposite of what you think. The top part makes ALL panels have a cursor:pointer set, but the second panel used only on the current or middle panel has the cursor set to auto to make the cursor back into an arrow. If you only want arrows, then just change cursor:pointer to cursor:auto or completely remove it from the css.
8. tengallen commented on Nov 29, 2011

   

   tengallen

   on Nov 29, 2011

   More actions

   got it and thanks for your promptly reply...

   If I only have 3 images and all of them are shown in slider panel completed. No other images to slide anymore...
   I could hide scroll button and buildNav but don't know how to make right / left image unclickable.

   thanks for reply
9. Mottie commented on Nov 29, 2011

   

   Mottie

   on Nov 29, 2011

   Contributor

   More actions

   I guess I'm confused... if you have all slides showing and don't want the scrolling to work, then why even use the plugin?
10. tengallen commented on Nov 29, 2011

    

    tengallen

    on Nov 29, 2011

    More actions

    never mind.
    is it possible to make right / left image unclickable in slider panel?? I wish to slide images by scrollButtons only.
11. Mottie commented on Nov 29, 2011

    

    Mottie

    on Nov 29, 2011

    Contributor

    More actions

    The easiest method, without modifying the plugin, would be to add this line of code in the initialized callback (demo)

    $('#slider').movingBoxes({
    
        initialized: function(e, slider, tar){
            slider.$el.undelegate('.mb-panel', 'click')
        }
    
    });
12. tengallen commented on Nov 30, 2011

    

    tengallen

    on Nov 30, 2011

    More actions

    awesome!!!! many thanks.