CodeCanyon

mbSlider

  • Has been a member for 2-3 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.

Posted 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 :-)

Posted 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!

Posted 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 :-)
Posted 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!

Posted 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

Posted 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.

Posted 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

Posted 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

Posted 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

Posted 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

Posted 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!

Posted 11 months 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

Posted 11 months 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

Posted 11 months ago
  • Has been a member for 4-5 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!

Posted 10 months 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;
}

Posted 10 months ago
  • Has been a member for 4-5 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!

Posted 10 months ago
Author
mike182uk mike182uk replied

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

thanks

mike

Posted 10 months ago
  • Has been a member for 1-2 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 !

Posted 10 months ago
Author
mike182uk mike182uk replied

:-) Awesome. Thanks Alot

Posted 10 months ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 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

Posted 9 months ago
Author
mike182uk mike182uk replied

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

Thanks

Posted 9 months 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

Posted 9 months 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

Posted 9 months 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

Posted 8 months ago
Author
mike182uk mike182uk replied

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

Posted 8 months 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?

Posted 7 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

Posted 7 months ago
  • Has been a member for 0-1 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

Posted 1 month ago
Author
mike182uk mike182uk replied

Hey man,

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

Thanks

Mike

Posted 20 days ago

You must sign in or sign up to purchase this item.

$4Regular Licence

$4

Regular Licence a website (commercial, personal, client), or intranet site project - Details

$20Extended Licence

$20

Extended Licence a website template for sale (including on ThemeForest or ActiveDen) - Details

304 Purchases 53 Comments

Buyer Rating
12345 ( 52 ratings )
mike182uk

mike182uk

  • Has been a member for 2-3 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Sold between 1 000 and 5 000 dollars
  • Bought between 1 and 9 items
  • United Kingdom
  • Referred between 1 and 9 users
View Portfolio
Created 28 February 10
Compatible Browsers Chrome 4, Chrome 5, FireFox 2, FireFox 3, IE6, IE7, IE8, Opera, Safari
JS Library jQuery 1.3
Files Included CSS, HTML, JavaScript JS
by
by
by
by
by