Code

Discussion on jQuery Slider Evolution

Discussion on jQuery Slider Evolution

Cart 2,623 sales

aeroalquimia does not currently provide support for this item.

242 comments found.

Thanks very much! :)

Hi,

A couple of other users have asked but I can’t see an answer. Is there any way to easily switch to a specific side using external controls and jQuery?

Thanks.

Yes.

$(".slider").slideshow().callSlide(3);

That code will show the slide n 3. If you want the “next slide” just add “+1” instead of 3, or “-1” for the previous slide.

$(".slider").slideshow().callSlide("+1");

Hi, I’d like to purchase this, but I’m using the latest jQuery 1.6.4 and jQuery UI as well.

Is the jQuery Slider Evolution compatible?

Yes, 100% compatible. If you have any problem, just let me know.

Dear..

is there a way to show the images randomly? Actually the same as Moonwax requested, but than with the images instead of the effects.

Thanks

Yes, and as I said to Moonwax, this is the way:

<script type="text/javascript">
  jQuery(document).ready(function($) {
    $(".slider").each(function(){
      var items = $(this).children().clone(true);
      return (items.length) ? $(this).html(SliderObject.prototype.shuffle(items)) : this;
    });

    $(".slider").slideshow({
      width      : 900,
      height     : 325,
      transition : 'fade' // choose one.
    });
  });
</script>

In your “Playing with Events” documentation, you are only using transitions that do not clone the current slide. Obviously this is done because the “square” transitions do not work well with the “captions”, because they would be appended to the cloned layers and would ruin the effect.

I was trying to figure this out, and it can all be solved by switching line 473 with line 474. In the code, you have:

this.transition(curSlide, curSel, nxtSlide, nxtSel); this.element.trigger(“sliderChange”, nxtSlide);

It should perhaps be:

this.element.trigger(“sliderChange”, nxtSlide); this.transition(curSlide, curSel, nxtSlide, nxtSel);

This means that we can hide an element before the transition, so the element is not cloned into the transition effects. For example:

$(”.myslider”).bind(“sliderChange”, function(event, curSlide) { $(“h2”, curSlide).hide(); });

What JS minifier are you using?

Yes. You are right. Thank you so much for the notice.

I’m using the Edwards Packer:

http://dean.edwards.name/packer/

I have 4 JPG slides in my slider, when it first loads in IE I briefly see all 4 JPGS at once. This doesn’t happen in Chrome or Firefox. Is there a way to fix this?

Ahh just saw your wordpress version. =)

Quick question, I tried implementing this to a wordpress site specifically to my header.php and got it to work but seems to have a minor problem. The slides tend to disappear for few moments till it shows up again. Any help will be great. Thanks.

Is there a way to utilize external links here? In other words, I’d like for an external link to switch the slides. I’d also like to be able to set an active class to the links if possible, based on the current slide.

The easiest way to achieve this would be using text selectors (if at all possible), and then adding a class to the active selector.

Any idea?

Thanks for the great script. I love it and am planning to use it on my next theme :)

Thanks for the great slider.

Is there any way to either randomize the order in which the slides appear (i.e. slide order 7,5,6,1…) or if not could the starting slide be randomized (i.e. slide order 5,6,7,1,2…)?

I have looked through the code and can find some references to “firstSlide” but it looks like this is used all over the place for various things and I don’t want to break it. Thanks.

<script type="text/javascript">
  jQuery(document).ready(function($) {
    $(".slider").each(function(){
      var items = $(this).children().clone(true);
      return (items.length) ? $(this).html(SliderObject.prototype.shuffle(items)) : this;
    });

    $(".slider").slideshow({
      width      : 900,
      height     : 325,
      transition : 'random'
    });
  });
</script>

That extra script works perfectly, cheers Aero.

Disregard my previous question. I figured it out. Again, great work and I appreciate how well and detailed the documentation for this. Thanks.

Love this! not sure if this been asked before but can I disable the progress bar (the one below the images)? Thanks so much.

hi,

sliders suddenly stopped working. no code edited no new wordpress plugins, no plugin updates. very strange?! what happened?

thanks.

Could you send me the URL to my email?

bought LIGHTOBX n SLIDER evolution superb stuff

satisfied :) rated 5 stars recommending you where I can

I am wondering why the options below is not working. The site is www.mintpals.com

I wanted to remove naigation, selector, timer and control from slideshow:

jQuery(document).ready(function($) { $(”.myslider”).slideshow({ width : 780, height : 360, transition : fade, navigation : false, // Show navigation buttons (« ») selector : false, // Show selector buttons (1 2 3 4 5) timer : false, // Show timer (it may be different in each theme) control : false // Show control button (Play/Pause) }); });

Hi Looks great and I am interested in purchasing. However can you tell me if it’s possible to not have it autostart. I’d like only the option of scrolling manually by clicking onto the arrows. Thanks Nic

Yes, just set the option: “slideshow” to false:

<script type="text/javascript">
  jQuery(document).ready(function($) {
    $(".slider").slideshow({
      slideshow  : false,
      width      : 900,
      height     : 325,
      transition : 'square'
    });
  });
</script>

I have a 5 slide slider that has a background image and html text in the foreground. The problem is when the page initially loads you see all of the text before it finally loads and then goes to normal. Is there any way of stopping this?

i think i may have found a bug, check out www.alangallicchio.com , after installing your plugin, i got an issue on my tab slides : while clicking the menu, some of the links in tab (menu) wont work unless you click them 2 times (double click)... it’s very annoying, ive tried to disable your plugin and the issue gets solved… maybe you need to recode to java 1.6.1 ??? thanks if u can provide any help

I am using this with the HTML content. All of my slides are transparent png’s. How do I make the previous slide fade out quicker to avoid the overlapping of slides? Or, better yet, how do I make the previous slide slide out when the next slide is sliding in??

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey