ephigenia/jquery.slideshow

jquery slideshow plugin

Hi there 👋

Hi, I’m a formerly freelance full-stack developer from Berlin working for @bitly Europe (@Egoditor). Beforehand I was supporting agencies, businesses, and science projects with clean and fast performing JavaScript & PHP since 2001.

Whether it’s back end or front end, apps or web-based services, consulting or coding – I love to tackle complex challenges and always strive for a structured product.

jquery.slideshow's Issues

Browser scrolls up in chrome

I am using jquery slider in a website for my client. To reproduce the bug, visit http://www.qubeey.com and scroll down to the bottom in Google chrome. The page scrolls up automatically.

[Stop the loop] after clicking once

I am sorry I am new here. This is not an issue but something I am looking for an answer, if someone can guide me through I appreciate a lot.

I am trying to use the alternativenavigationposition.html and would like to stop the loop after clicking on the numbers once. Second question is is there a way I can sync the speed of the fade transition between the images with the switch between numbers-there is a one sec delay between the image and numbers transition.

Thanks!

Alpay

mousePause option is backwards

To work around the bug in the play/pause code, I decided to try the mousePause option instead.

I set 'mousePause: true' but it didn't seem to work. So I gave up and set mousePause back to false

Later I noticed that mousePause was actually working – but it was set to false.

The code (and code comment) reads:
mousePause: true // set to true to stop animation on mouse hover

So a value of 'true' should enable the feature, but confusingly, the feature is only enabled if the value is false

Internet Explorer 8 (Slides Visibly Overlap)

Marcel Eichner asked that I post this report here.

From my findings, the slideshow works great in Firefox, Google Chrome, Safari and IE7. There is an issue when viewing the slideshow in IE8. To see the issue you must have different size images, or same size images using transparency.

You will notice a slide will often remain visibly stuck behind the new selected slide. As slides change, one slide will stay fit behind the rest at 100 percent opacity.

Dynamically generating the navigation links

Hi,

I am very much impressed with your jQuery plugin. Its quite easy to use.

Only on feature is missing in this plugin is generating the navigation links (paging) dynamically. All the examples given here have used the static declaration of paging links.

Can we add an option to generate the links dynamically.

e.g. << 1 2 3 4 >>

Sudhir

First navigation item doesn't have 'selected' class applied on initial page load

Is there an easy edit for this script so the page loads with the first item in the slideshow navigation with the “selected” class applied to it, then has the class removed once the second item is shown? Right now after the slideshow goes through one rotation it is highlighted. I think it would be a better user experience to have this script updated.

invoke script after image really loaded

$(document).ready() method fires when the DOM tree is loaded, but this does not include loading images itself. It can be a problem, when you've got larger images, or bandwidth problems, when you try to detect the width and hight of the first image.

One possible solution is to use the imagesLoaded library like this:

$(document).ready(function(){
    $(".gallery").imagesLoaded(function() {
        $('.slideShow').slideShow({interval: 3});
    });
});

I think, it should be mentioned somewhere in the documentation :)

Adjust thumbnail animation delay

Can you add in the functionality to adjust the delay (animation speed) of the thumbnails? Check out the slide show I created here: http://www.identisys.com/. As you can see, the left buttons have a slight delay in changing after the content has finished animating to the next slide.

play/pause doesn't work correctly

I'm looking at your playpause.html demo (from the latest code). Follow these steps to reproduce the bug:

1. Click Stop. The button doesn't change state. The slideshow continues.

2. Click Stop again. The button changes state to Play. The slideshow continues.

3. Click Play. The button doesn't change state. The slideshow stops.

4. Click Play again. The button changes to Stop. The slideshow starts.

I've tried different browsers, Mac and Windows, the problem is exactly the same. Can this be fixed? I've looked at the code, and it's simple enough, but the built-in functions for slideShow.stopAuto etc do not work as they should.

Issue with slideshow start in IE

I am not sure why this issue is never been caught or am i the only one facing this. alright the issue is:

IE8:
If the slide show start points to slide number "7", there is some problem with slide 2 (slide 1 also shows slide 2 image)
If the slide show points to "9" there is problem with slide 3 and slide 1 and 2 shows slide 3 image..i.e after slide 3 everything works great
11 --> 4
13 --> 5
so on..

This issue exists only in IE8 and below versions.. Please let me know if i am not clear enough..Thanks

navigation doesn't load on page load

hello,
first of all, i would like to thank you a lot for sharing this slide with people, it helped me a lot.
i am using it on one internet site that i created couple of days ago, and everything is just perfect, instead of one thing, and that is - navigation doesn't load when the page is loaded for the first time, it appears only when the slide goes to the next picture, or if i reload the page.
i tried to find that issue on your "fixed bugs" page, but i did not see anything. excuse me if the question is too stupid, i'm not a professional in this :)
thanks in advance,
cheers,
serge

play / pause button not working (fully)

hi --

I have implemented a navigation UL with buttons for Next, Previous and a toggle for Play/Pause.

Toggling appears to work sporadically across browsers. Like it will pause for 20 seconds and then resume (with interval at default value).

The slideshow I am working on is at:
http://web.aw.id.ucsb.edu/
JS is at http://web.aw.id.ucsb.edu/artworks_slideshow/show.js

HTML validates. Will double check CSS validates after lunch break.

Thank you for any assistance in this matter. I have checked and seen that your demo with play/pause appears to work fine. So i'm at a lose as to why this slideshow would behave differently.