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.

Just updated a site to jQuery v1.7 and it has broken the horizontal timing bar that scrolls across the bottom.

The line still draws but now does not go from left side to right side and when you hover over the image to pause the timing bar resets.

I cannot give you a link as the site is still in development but am sure if you try updating to 1.7 you will see it also.

Thank you in advance.

The new version will be available soon.

There’s a bug in jQuery 1.7 and it will be fixed in the next release. Read more here: http://bugs.jquery.com/ticket/10669

Thank you for your prompt response.

Is there any way to adjust how long each slide will last?

Thanks.

No, I’m sorry.

I like this slider but I am having trouble with the fade. The transitions from vertical to horizontal are jarring, they don’t fade the same way, the next image fades in very quickly while the current image fades out slowly.

I have it set to transition : ‘fade’, duration : 1000, speed : 1000, delay : 1000,

Any help would be great, I just purchased this and would love to use it for a site.

Hej aeroalquimia,

I adjusted the slider in order to start the timer when i hover the gallery and stop, when i unhover the gallery. after unhovering i would like it to jump back to the first image shown. i got the following code:


    //slideshow thumbs start on hover
  $("li article a").hover(
      function(){

        $(this).find(".thumbslider").slideshow().startTimer();
    },
    function(){
        $(this).find(".thumbslider").slideshow().stopTimer();
        $(this).find(".thumbslider").slideshow().callSlide(0);
    } 
   );

unfortunately it doesn’t jump back to the first image. can you help me with this problem?

thank you in advance!

callSlide("1")

Great slider!

Just noticed though with the default theme the progress circle on the timer doesn’t appear in my version of IE8 . Is this a known issue? Is there a fix or workaround?

Cheers

Yes, the timer doesn’t work on IE. Sorry but I can’t make it work.

Love this slider, when I add to my site all the images are stacked on each other. All the js files are in the correct place. Any ideas?

Replace:

<div class="slider">
</div>

with:

<div class="slider" style="width: 900px; height: 400px; overflow: hidden;">
</div>

(change width and height).

Great Javascript!

Is there a way of making the colored background of the caption box translucent (semi-transparent)?

I am using this slider with your CSS3ImageLightbox plugin and am having issues with the z-index. The slider is showing on top of the light box and I can’t figure out how to change the order. Please Help!! Thanks

hello i have seen the live preview to this script but i also noticed the fact that in the examples page you didnt use any big images. i need to use this plugin with very big images [ 1290×446 fe] whereas all the effects need to work. i have tried out your plugin in a basic html page using some of the images i need in an optimized state [filesize <= 200 kb ] but i have noticed a strange effect happening with the fade effect in firefox [6+, any os]. if you switch browser tabs and wait for a few slides to queue up, then switch back to your page having the slide active the browser will rerender the image, the original image effectively disappearing for 1sec. is this a common browser bug ? because i havent experienced it with any other slider/fader yet.

Very well done… been through three different sliders before finally settling on this one.

Because others may want to know, it works well with PrettyPhoto lightbox as well. I would be using yours (it’s very nice), but I’ve already implemented the other.

Thanks much and again… good work!

how big are the JS and CSS files for this?

Is there any way to include a movie i.e. youtube on one of the slides? The problem I have is that if I do then the slider continues to play regardless of the movie being there. Obviously I could create a manual slider but I think that defeats the beauty of having one in the first place.

Hi there,

How can i integrate / set the slider to a cms ??

Thanks

Hi, I’ve seen that you can switch to a specific slide
$(".slider").slideshow().callSlide(3);

Would it be possible with simple links as well? e.g.
<a href="#3">Go to slide 3</a>

Or how could I achieve that? Thanks in advance.

<a href="#" onclick="$('.slider').slideshow().callSlide(3); return false;">Go to slide 3</a> 

I like your script very much but i have a problem. In every other browser it works but in IE 9 it says “Internet explorer restricted this webpage from running scripts”.

How can i fix this ? Thanks

Internet Options > Advanced > Security > Allow active content to run in files on My Computer.

http://stackoverflow.com/questions/151781/enable-local-scripts-and-flash-in-ie7

Love this!

However I am trying to set different delays on each slide and cant figure out how to do it.

Can you explain how to set individual time delays between each slide.

Overall great slider :)

Thanks, Adam

Thanks for the script!

Hey,

I really like the look of you’re script, but whats holding me back is support for “Captions” within the slides – is it possible and how do they look?

Thanks, Jay

It supports HTML , so you can use whatever you want. By default, there’s a “caption” class:

<div class="slider">

  <div>
    <div class="caption">My first photo</div>
    <img src="assets/slide_1.jpg" alt="" />
  </div>

  <div>
    <div class="caption">My birthday party</div>
    <img src="assets/slide_2.jpg" alt="" />
  </div>

</div>
There’s an example here: http://www.aerowebstudio.net/codecanyon/jquery.slider/example_5.html

How hard would it be to make this responsive?

I have problems using this slider with a WP-plugin called Contact Form 7. When I wish to use watermarks for the forms input fields the slider doesn’t work at all.

Can I do something with the slider make this work or do I have to get another form?

I suspect it uses JS for the watermark effect…

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