78 comments found

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hi geedmo Thx for this beautiful plugin. Works absolutely fine. The only thing that I’m facing is, that I have to calculate the baseWidth/baseHeight parameters. I’m using twitter bootstrap v3 (responsive) and therefore I’m used to use the col-xx classes, if I want to have a multi-column layout inside the slider. With the ratio calculation you’re using (onInit and onResize) you have to make sure, that the baseWidth/baseHeight params are correct in advance, which is not always that simple :sarcasm:.

A feature request. It would be lovley if you could use a slider in slider option. Think of a product catalog where you habe different sliders for each category (shoes/bags/t-shirts etc). Inside of this category you then have a carousell slider with the single products. At the moment (with version 1.7) I wasn’t able to resolve that. My solution was to make a stacked slider for each category.

Again, thanks! ... and keep up the good work …

geedmo

Hi,

The baseWidth/baseHeight params should not be calculated, I mean, that’s the size you use to create the slider and is just to know the original aspect ratio on different resolutions. I’m not sure to understand why you are calculating those values, perhaps is the box-model on BS3? have you tried restoring the slider box-model to content-box?

Regarding to nested sliders feature, I’m working on it and the product catalog is exactly the use case that make me start thinking on it. I hope to release soon that feature.

Thanks for taking the time to share your thoughts,
Regards.

Default-user

Hi geedmo,

Have checked the box-model. Doesn’t seem to be the problem. If have isolated the problem in the resize function, and there particulary line 751:
'width':         (properties.wd * ratio) + 'px'
With BS3 and following li element markup
  <div class="row">
    <div class="col-xs-3"><img src="1.jpg" class="img-responsive" /></div>
    <div class="col-xs-3"><img src="2.jpg" class="img-responsive" /></div>
    <div class="col-xs-3"><img src="3.jpg" class="img-responsive" /></div>
    <div class="col-xs-3"><img src="4.jpg" class="img-responsive" /></div>
  </div>
you do not have to use resize the container, as this is done by the css of BS3. I did a workound by adding a “useBS3” option in the configuration. Another solution could be to check if the container as a particular BS3 class (in this case .row) and if true, skip the width. It’s ugly, but does the trick in my case.

If you want me to put something online, let me know. I do know that this is a very sofisticated problem, which not a lot of peoples will across …

Cheers

geedmo

Hi, sorry for the delay. Could you send me a link to your site? I would like to see our markup.
If want to keep it private, send it via my profile page.

Default-user

This time is me to say sorry for the late reply :bigsmile:

You can check the demo at http://mogicato.ch/lushTest/index.html.

I will (try) send you the login for the source download via your profile page.

Default-user
Just for those that cross the same Problem. Geedmo has found a solution. In my case it was to add following css code
    .lush-slider .row {
      border: 1px solid #AD0000;
      width: 1140px; 
      top: 0; 
      left:0;
    }
Where the 1140px is the baseWidth of the slider.
  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 3-4 years

Can I have the slides linked from just text on the page. I want to have the slider at the top of the page and underneath it a paragraph with different words linking to different slides. and also text linking to a forward and back action.

geedmo

Hello,
yes, is possible to have external elements to control the slider. You can see it in live preview, go the iframe demo and you will see icons that are used as link to go to a particular slide. There’s also possible to advance to next and prev slides using the api. If you like to see a demo with a similar behavior like you described let me know and I’ll prepare one.

Regards

  • Bought between 50 and 99 items
  • Has been a member for 1-2 years
ccmagic Purchased

Hello, Thank you for your good plugin. I have a question, How can I all remove the auto slide function from flexslider?

I would like to users to use only manual slide one by one. Hope your quick reply thanks.

geedmo

Hi,

My apologies for the delay.
Unfortunately, manual advance is no enable with Flexslider.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Hi there. This plugin is really cool, but I’m having trouble with Safari on OS X Mavericks (Safari 7.0). The animations work fine in Firefox 25 and Chrome 31, but in Safari they just don’t.

I’m using the normal slider and simple animations like

“plus 1000 from left use linear during 1000”

Instead of sliding in, the element just appears.

Thanks!

Default-user

Nevermind, it was my computer. It worked fine when I tried it at the Apple store.

geedmo

Great! Thanks for the feedback!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Could you add Touch navigation for slider and thumbnails, vertical or horizontal? See [link removed]

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

I am running this script in a .NET environment. I have a test environment that is PHP. for the twitter.php file I modified the jquery files to have the path in the form of URL http://domeain.com/twitter.php. When I go to the link I see the json file. This works in the php environment but not the ASP.NET. Is what I am trying to do possible?

geedmo

Hi, Im not an expert on .net but I guess you are using .net in your backend. Lush uses html, css and js which are frontend technologies, so if your backend serves to the browser those assets correctly it should work. If you have an online demo I can check it to see if there’s any error.

Regards

Default-user

It works here on a php backend http://apps.northeaststate.edu/socialstream/

Here is where I cant get the twitter feed to work http://www.northeaststate.edu/plugins/lush/index.html

I tried pointing the second example to the twitter.php file located in the root of the first example but still didn’t work.

geedmo

Sorry, but I’m a bit confused, I can not find where you include the slider’s assets in any of your links

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Thank you. I did not think that there is so beautiful solution that can be customized for an hour to solve unusual problems. True, there were styles, but I can already see that the author – a genius. He left the opportunity to change everything!

Default-user

Changed styles in 5 minutes. Huge request: Remove from the CSS modifiers !Important

geedmo

Hi, thanks for the feedback. Most of the places where the !important is used is just to show that such property is required and to avoid accidental changes in the code. But I’ll double check them to see if I can remove someone.

Thanks again
Regards

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 6-7 years
jva Purchased

how do I make a fullscreen slider with this?

Thanks jva

geedmo

Hi, the slider doesn’t support fullscreen, but could be done with some extra js. If you are insterested, please send a message via my profile page.

Regards

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

There is a possibility to starting from a specific slide?

geedmo

Yes. But it’s a feature recently added. It should be approved for download in one day approx.

Thanks for ask
Regards

Default-user

Great! I bought the plugin (with another account). so how can I update it? thank you

geedmo

Hi, you need to access with your other account and download it from the same place you downloaded it before. Updates are always ready to download as soon as they are approved.

Thanks, Regards.

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
jamigra Purchased

How can I make the slider full screen?

Thanks, Jason

geedmo

Hi, the slider doesn’t support full-screen, but it could be done adding some extra js. If you are insterested, please send a message via my profile page.

Regards

  • Bought between 50 and 99 items
  • Has been a member for 3-4 years
  • United States
clintre Purchased

I am playing around with the Lush Slider for a client. One thing they are having an issue with is between slides there is a “gap” as opposed to when one slide is exiting and the other coming right in. Is there a way to make it seamless? For example I have slide 1 exit left and slide 2 enter from the right where it almost looks like the are connected.

I also got the Lush Builder and was going to try it with the Flexslider, but it would not generate the markup. (emailed you about that).

Thanks

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
stpstp Purchased

Very happy with their support. I sent a support request and within 3 hours they responded. Even fixed my code for me. Highly recommended.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
hafedi Purchased

Hi, i want next and prev button place in the middle of slideshow , not on the bottom which codes should i change Thanks.

geedmo
Hi, you can achieve that invoking the slider with the property pager: false to remove the bullets (you can find about it in docs).
Then, to relocate the next/prev button you can edit the css rule .lush-nav. For example,
.lush-nav { 
  bottom: 50%;
}
  • Argentina
  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
Hi, great plugin… but I am dealing with a few issues when trying to use the api. For some reason it does not stop when I try to pause it. var slider = $('#slider').lush({ flexslider : { .... } }); $("button").click(function() { slider.lush('pause'); });

Shouldn’t this work?

geedmo
Hi, thanks!.
That should work, but the flexslider mode is bit limited and the API is intented when using the classic content slider (I mean, no FS). You can pause the slider with the following code
$('button.pause').click(function(){
  slider.find('.lush').lush('pause');
});
Here is a working demo http://geedmo.com/codecanyon/lush-content-slider/demo/flexslider-pause.html where you can check the source.

Pd. Si queres, podemos continuar en espa├▒ol
Saludos.

Default-user

Buenisimo. Gracias!

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years
  • Hong Kong

I love it. May I ask can I use mouseover/hover to pause the slider?

Thank you very much.

geedmo

Hi, Yes, it’s possible to pause the slider on hover

  • Bought between 10 and 49 items
  • Has been a member for 0-1 years
  • Hong Kong

May I ask which jQuery version you are using?

Thank you.

geedmo

Currently, jQuery v1.9.1 is included in the package but it’s tested with 2.0 too.

Regards

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
  • Italy

hi, I have a problem with the slider (not flexislider one). it doesn’t listen to media query. whatever I change or put in the query, the slider does always the same – as it is in html styling. what should I do? thank you in advance for your help.

geedmo

Hi, sorry for the delay.
I think the problem occurs because the slider changes the elements styles when the resolution changes. New styles are applied inline, and because you’re using media queries, they have lower priority and do not affect the elements of the slider. You might try using the !important modifier in your media queries.

Default-user

thank you very much. I have resolved the problem somehow though some images still remain “out-of-order” even with !important… anyway, the plugin is really cool and I only may say big thanks to you for creating such a marvelous thing!!!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years
siddd Purchased

Hi, just purchased.

Am using the flexslider2 version. All that appears is the first slide. It does not shuffle and clicking on the navigation arrows does nothing. Please help.

geedmo

Hi, I have answered your first mail.
Regards

Default-user
siddd Purchased

Hi, I sent you the link you requested 12 days ago….

by
by
by
by
by
by