CodeCanyon

mbSlider

  • Has been a member for 3-4 years
  • Bought between 100 and 499 items
  • Peru
paulyoyo says
Purchased

Hi mike182uk

You did a great slider, easy to install but it needs one or two tricks to style the first time. At least that was my case.

I have a not relevant issue about your generator, it is that when you select “don’t show pagination” the “pagination: false,” is not generated. And that’s it.

1 year ago
Author
mike182uk mike182uk replied

Hey man thanks for the feedback. Yeh thats a bug in the generator i need to get round to fixing. Hoefully i can get this sorted soon. Thanks :-)

1 year ago
  • Has been a member for 3-4 years
  • Bought between 10 and 49 items
dantinne11 says
Purchased

Hello again,

This is a really well built slider. Everything is working perfectly for me.

I am just having some trouble formatting the controls. I’d like to replace the text with pngs, but I’m not sure how. Could you clue me in on the best way to do this?

Thanks!

1 year ago
Author
mike182uk mike182uk replied

hey, thanks alot.

something like the following should achieve what your after:


#slider1_controls #slider1_movefirst a {
    background-image: url("youtimage.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    text-indent:-9999px;
}

obviously you will have to tweak to suit. Hope this helps :-)
1 year ago
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 1 and 9 items
johnnyporkchops says
Purchased

Hi I purchsaed MB slider an did a quick implementation on this site:

http://www.digitalookbook.com

It works in IE 6 and 7 but not 8. I usually can solve this type of problem but am stumped. I sent you an email via the contact form and was asked to comment here to verify my account. In the spirit f collaboration and open communication, Id rather work with you to solve this then to pull my hair out any longer because maybe others have experienced this problem too. Thanks for any help!

1 year ago
Author
mike182uk mike182uk replied

hey man,

You have no doctype on your page so IE is being loaded in quirks mode.

This does not allow the javascript to function correctly. If you stick in a valid doctype it will work.

see http://en.wikipedia.org/wiki/Quirks_mode

thanks

mike

1 year ago
Purchased
Default-user johnnyporkchops replied

Thanks Mike, I took this page over from someone and did not even think to look at that.

1 year ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
celli1312 says
Purchased

Hey Mike,

I see your code for replacing the number navigation with images with the code that you provided for the first image.

#slider1_controls #slider1_movefirst a {
    background-image: url("youtimage.png");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    text-indent:-9999px;
}

What would be the ID for the second, third, and fourth images ? How can I find that ?

thanks, Steve

1 year ago
Author
mike182uk mike182uk replied

if you are talking about the pagination here, ID’s are not given to the links them self. The container is given a an id of #slider_pagination and the links inside do not have id’s. If you need to target them you could do:


#slider_pagination a {
    //CSS HERE
}

If you need to target individual pagination links, you will either have to use css3 or js as there is no unique id’s for each pagination link.

Thanks

Mike

1 year ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
celli1312 says
Purchased

Hey Mike,

I am trying to control the slider from other elements rather than its own controls. And I have had success applying a special class to the element, such as: Move First – Move Previous – Play – Pause – Move Next – Move Last.

But how about assigning the numbered navigation to special elements, like images. I do not see a way to do that, as well as set the a._current_slide for each of my elements.

Can you help ?

thanks, Steve

1 year ago
Author
mike182uk mike182uk replied

hi sorry for the late reply,

if you take a look here: http://www.mb-tools.co.uk/mbslider/api/notes at point 6 you will see how to assign special pagination triggers. You would do something like:


<a href="javascript:void(0)" class="slider_gotoSlide[1]">
    <img src="YOUR IMAGE" alt="Go To Slide 1!" />
</a>
<a href="javascript:void(0)" class="slider_gotoSlide[2]">
    <img src="YOUR IMAGE" alt="Go To Slide 2!" />
</a> 

Chnage the word slider for the ID of your slider, then the number of the slide goes in the square brackets [] etc.

An active class will not be assigned to custom trigger elements though. You could use jQuery to simulate this, but this is not native to this plugin.

Hope this helps.

Thanks

Mike

1 year ago
  • Has been a member for 2-3 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • United Kingdom
peteheaney says

Hey Mike,

About to purchase this slider as it looks perfect for my needs, but I just had a couple of questions regarding video (youtube embed):

1) Is there a way to pause the slider automatically when a video is played?

2) Is there a way to automatically stop a video playing when the next/previous button is pressed? I know someone has already asked this question and you suggested using the movenext callback. But do you have any idea what I would actually put in that callback to stop the video?

Thanks!

1 year ago
Author
mike182uk mike182uk replied

Hi pete

it all depends on what kind of API the video provider supplies. Im not too sure on whether youtube supplies an API or not, but basically this would be my way of thinking.

1. use moveend() function of mbSlider 2. when this function is called see if video exists 3. if video exists, pause mbSlider 4. use video API to start play 5. when video finished use video API finish method to trigger mbSlider to play again

this all depends on if the video provider supplies an API that has these methods.

hope this helps

mike

1 year ago
Default-user peteheaney replied

thanks for the advice mike. i think i’ll have to do some reading up on youtube’s API . fun! :-p

-pete

1 year ago
  • Has been a member for 5-6 years
  • Bought between 50 and 99 items
rizzy3000 says
Purchased

Hi, I purchased this to use on a project. Can you instruct me on how to display the pagination in a vertical column as opposed to the default horizontal configuration? Thanks!

1 year ago
Author
mike182uk mike182uk replied

hey this is just some basic CSS . Give something like this a whirl:


#slider_pagination {
    width:20px;
    overflow:auto;
    height:auto;
}

#slider_pagination a {
    height:20px;
    width:20px;
    float:left;
}

1 year ago
  • Has been a member for 5-6 years
  • Bought between 50 and 99 items
rizzy3000 says
Purchased

Thanks mike182uk! That almost gives me want I need. Only issue Im having now is getting the pagination to rest inside the frame. When I apply the styles you posted + set the attribute for controls ‘internal’, they still show up externally. Thanks so much for your help! Excellent Script!

1 year ago
Author
mike182uk mike182uk replied

can you supply a link so i can take a look?

thanks

mike

1 year ago
  • Has been a member for 2-3 years
  • Exclusive Author
  • Sold between 1 and 100 dollars
  • Bought between 10 and 49 items
  • United Kingdom
Dee_Clinch says
Purchased

This slider is MINT !

1 year ago
Author
mike182uk mike182uk replied

:-) Awesome. Thanks Alot

1 year ago
  • Has been a member for 2-3 years
  • Bought between 50 and 99 items
Rikito says
Purchased

Hi,

Thank you for your job. All it’s ok… except on IE 8 . All images are below each other.

Can you resolve this problem ? Thx

1 year ago
Author
mike182uk mike182uk replied

hey man can you provide a link? or the code you have used to instantiate the mbSlider?

Thanks

1 year ago
Purchased
Default-user Rikito replied

Hi,

HEAD :

google.load(‘jquery’, ‘1.4.2’); //INCLUDE YOUR VERSION OF JQUERY , HERE I AM USING GOOGLES CDN TO LOAD JQUERY #slider li.mbSlider_Slide { width:650px; height:300px; } $(document).ready(function(){ $(’#slider’).mbSlider({ autoplay: true, playDirection: ‘right’, slideDuration: 3000, mousewheelsupport: false, pagination: false, continuous: true, showControls : { next: false, prev: false, play: false, pause: false, first: false, last: false } }) })

And in the BODY , i use id=”slider” with a list of images

1 year ago
Author
mike182uk mike182uk replied

hey have looked into your problem, and seems to be due to an error with the protoype JS library used. have replied to your email with details.

thanks

1 year ago
  • Has been a member for 4-5 years
  • Bought between 50 and 99 items
PiCi says
Purchased

I purchased your slider, but how can I log in your site to download the samples ? Regards

1 year ago
Author
mike182uk mike182uk replied

hi there should be a text file with the logins for downloading in the initial download form code canyon

1 year ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
tyler_durdin says

i’m thinking about purchasing this slider but i have a few questions.

i’m using thesis with wordpress is it easy to add this into whatever pages i want with theme?

are the pictures inside clicakable with links?

can you add the pictures to it manually without any settings for it to take pictures from your latest posts and content?

11 months ago
Author
mike182uk mike182uk replied

hi tyler

yes this can be easily added into any page.

the pictures can be clickable if needed oyu just need to wrap the contents of the list element in an anchor tag

yes you can providing you have knowledge of PHP and how wordpress works

Hope this helps

thanks

mike

11 months ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
bigbadwoolf says
Purchased

Hi mike

I really like the slide, but i’m not able to get it working properly. The sliding functions aren’t working at all. Please help.

Thanks, Tom

5 months ago
Author
mike182uk mike182uk replied

Hey man,

do you have an example URL i can take a look at?

Thanks

Mike

4 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
MATTWECHSLER says
Purchased

I’ve emailed you twice with no reply.

The slider code provided does not work in Safari. No advancing to the next slide (either automatically or manually). Please provide instructions on how to fix this bug ASAP .

Thanks.

2 months ago
Author
mike182uk mike182uk replied

Hi, if you ever have any support queries please contact me through here. I do not respond to direct emails.

There are no known x-browser issues with the plugin so this is likely to be a problem with your implementation. If you can supply a link to where the problem is happening, i will take a look.

2 months ago
Purchased
Default-user MATTWECHSLER replied
Example page of where it works in Firefox and IE, but not Safari: http://www.mattwechsler.com/PAGES/FOXSPORTS.html

Thanks.

2 months ago
Author
mike182uk mike182uk replied

you are using the align attribute on the div, this is deprecated and you should probably find a better way of doing that. Once you remove that attribute it will work fine.

2 months ago
  • Has been a member for 0-1 years
gwest1000 says

Mike,

Is there an option for no transition effect? I just want to animate a set of images (but have controls on it).

Thanks, Greg

2 months ago
Author
mike182uk mike182uk replied

Hey man,

dont quite get what you mean? Do you mean like no sliding or anything, you just click a button and that image shows? if so you should beable to do that by turning the slideDuration property to zero. try it out on the preview

thanks

mike

2 months ago
Default-user gwest1000 replied

Thanks Mike, setting slide speed to 0 did the trick.

Greg

2 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Desertsounds says

Any chance of getting this in the form of a Wordpress plugin?

1 month ago
Author
mike182uk mike182uk replied

I have thought about it. What sort of functionality would you expect form a wordpress plugin?

1 month ago
by
by
by
by
by