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.

is there a way to customize the left and right arrows as well as the lower squares?

can you input vimeo or youtube

Hi,

Yes, but only with the slide transition:

<div class="slider">

  <div class="jquery-slider-trans-slide">
    <iframe src="http://www.youtube.com/embed/sP4NMoJcFd4" frameborder="0" height="360" width="900"></iframe>
  </div>

  <div class="jquery-slider-trans-slide">
    <iframe src="http://player.vimeo.com/video/24938204?title=0&amp;byline=0&amp;portrait=0" frameborder="0" height="360" width="900"></iframe>
  </div>

</div>

Hey,

how can i change the color of the Slide-Selector (bottom) and the time (top-right)?

Thanks

Please email me and I’ll send you the PSD file.

Hi,

We are having a problem with the slider and loading/refreshing the page.

Every time you press F5 to refresh a page, for a second or two slider shows all images in a vertical line, one below another.

Here are two links to screenshots so you can see how it looks when the page is loading and when it is loaded completely: http://wmd.hr/slike/jqueryslider-loading.jpg http://wmd.hr/slike/jqueryslider-loaded.jpg

We are using http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

Also, we are using multiple instances of the slider on the same page.

Any help or point in the right direction would be appreciated.

Thank you!

Hi again :)

I have one more question. When the page loads the slider starts and when you take the mouse over the slider it pauses and when you take the mouse off the slider it starts again – this is great. But when you click an arrow it stops and will not start again even if you take the mouse of the slider. I would love to have it just pause when clicking the arrow and then start again once you take the mouse off the slider. Is this possible?

Many thanks

Yes, there’s an option called “pauseOnClick”.

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

Hi,

Is it possible to have the slider slide to the left when clicking the right arrow and to the right when clicking the left arrow?

I know I can change direction every second time by using transition : [‘SlideLeft’, ‘SlideRight’] but to me it’s more logical to have it change direction depending on which arrow is being clicked.

Many thanks

That’s a good idea :) Actually isn’t possible but I’ll make it for the next version.

I have just purchased and put on a page. I am using jQuery 1.3.2. The slider works until it reaches the end of the image array and then throws the error

jquery.slider.js: line 453
Uncaught TypeError: Object #<object> has no method 'first'
</object>

Also if I specify transition options I get the following error when the first transition should occur

jquery.slider.js: line 498
Uncaught TypeError: Object #<object> has no method 'toLowerCase'
</object>

Could it be the version of jQuery I am using? It says for jQuery 1.3+ in the documentation.

EDIT :

Could it be the version of jQuery I am using?
I have just tried the examples with the jquery.min.js file from my drupal install. It fails the same way too. Any ideas on how to get it to work with jQuery 1.3.2?

Yes, you are right. I’ll release a next version soon. I’ll let you know when it’s ready. Regards.

Thanks for amazing slider! can I make the parent ‘slider’ div 100% wide not pixels. I need the whole thing to be total width of the browser window. I seem to be able to assign the 100% width to the inner divs. In the head of the html page in the jQuery initialization I can specify only the value, but not the measurement units:

... $(”.slider”).slideshow({ width : 900, height : 325, ...

thanks and best of luck!

but… What size should have the images?

You can try this:

<div class="slider">
  <div>
    <img src="assets/slide_1.jpg" alt="" width="100%" />
  </div>

  <div>
    <img src="assets/slide_2.jpg" alt="" width="100%" />
  </div>
</div>
jQuery(document).ready(function($) {
  $(".slider").slideshow({
    transition : 'random'
  });
});

I’m not sure it will work.

Hello,

Is it possible to use more than one slider in the same page? For example, a big feature slider and than small banner sliders.

Thanks

Yes, of course.

Hi! I just purchased this script, and so far it works great. Exactly what I needed.

I’m having one issue though. I’m using this bit of code you mentioned before to use other elements to control the slider:

<a href="#" onclick="$('.myslider').slideshow().callSlide(4); return false;"></a>

When you click on the link, it jumps to that slide as it should. However, if you click on the same link again, it fades the current slide away without replacing it with anything.

Is there any way to fix this?

Oh, my question is already answered. Sorry. One more…

Can I embed videos?

Can I control which slide to show?

Click here and show slide 3.

Hi, I’m still trying to get the slider to play all slides and then play the first one again and then stop once it’s done playing the first slide again. I have tried some basic alerts in the complete functions: starting on line: 78 of slider.js

onComplete      : function() {alert('complete');},
onSlideshowEnd  : function() {alert('slideshow end');}

but I can’t seem to get the alerts to trigger. What I was going to try if this work is something like:

onSlideshowEnd  : function() {
$(".slider").slideshow().callSlide(1);
}

to play the first slide again. Thanks in advanced for your support!

I also have another question… If I wanted it loop through once but play the first slide again and then stop… is there an easy way to to have it repeat the first slide then stop?

thanks!

Hi,

thanks for that superb slider.

I experienced problems with Safari on iPhone. It works perfectly on iPad but not at all on iPhone. Is that a known issue?

Thanks, Christian

Hola, Estuve probando el slider sin ningún problema hasta que tuve que colocarlo en la página que le correspondía (donde además tengo otros jQuery funcionando). Ahora no coge los efectos de transición y no avanza las imágenes… el selector se queda trabado en el 2.

Este es el código que tengo:

jQuery(document).ready(function($){ $(".ban_central").slideshow({ width : 1007, height : 285, transition : "squarerandom" }); $('.lightbox').lightbox(); $('form').plum('form'); });

Alguna idea?

1. Revisa que version de jQuery estás usando. Te recomiendo la 1.6.4 2. Revisa que no tengas más de una versión de jQuery. Busca en el codigo fuente cosas como “jquery.js” y “jquery.min.js” sólo debes tener uno.

Hi, Congrats for the great script. I have one question before buying it.

I want to slide a video as well, however, although I want the slider in autostart, when the video is playing I would like the slider to stop automatically. Can that be done?

Thank you in advance.

Hi, I purchased this script and I have added a button that will pull up a new div that covers part of the slider but I would like to pause the slideshow (in the background) when the div is toggled open and then start playing again when it’s toggled off.

Could you point me in the right direction in accessing the pause/play feature use it on an animate event?

Thanks!

Pause:
$(".slider").slideshow().pauseTimer();
Start:
$(".slider").slideshow().startTimer();
Stop:
$(".slider").slideshow().stopTimer();

PHENOMENAL ! Thank you! 5 Stars!

... hello everyone, is there anybody who can tell me how can i install this slideshow in joomla???

Thanks…

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