CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.
http://css-tricks.github.io/AnythingSlider/
GNU Lesser General Public License v3.0
1.15k stars 380 forks source link

First time loading delay times are wrong. #536

Closed Vitoko closed 8 years ago

Vitoko commented 11 years ago

Hi @Mottie , i can clarify my problem better now:

In the first time i load the slideshow, the first slide does not have the correct delay time, but the rest of the slides have the correct delay time. But, on the next round they all have the right delay time.

I use the method 2: https://github.com/CSS-Tricks/AnythingSlider/wiki/FAQ#wiki-delay

i don't know why this occur.

Thanks for helping me!

Mottie commented 11 years ago

It looks like it works to me... I set up this demo which also includes the timer bar code (found on the home wiki page).

Is this the same as issue #534?

Vitoko commented 11 years ago

Hi @Mottie, thanks for your time... In fact, is working, but it really works the first time you load the page? I ask because I have an image with delay time: 40 seconds and is the first in the slideshow, and what I need is to see that image and what it does is move to the next the first time i load the page. I mean, the first time, i only see the image for 1 second...

Mottie commented 11 years ago

That 40 seconds is set as milliseconds right? 40 seconds = 40000 milliseconds.

Can you share your code please.

Vitoko commented 11 years ago

Hi! Mottie, now is working for me, i don't know.. I was using method 2 mentioned above .. and didnt work, now it works, thanks! (The time bar still can not make it work, but I'm on it!) here is my web: http://www.muralelectronico.cl/sistema/show.php?idC=30&clave=123456

2013/5/11 Rob G notifications@github.com

That 40 seconds is set as milliseconds right? 40 seconds = 40000 milliseconds.

Can you share your code please.

— Reply to this email directly or view it on GitHubhttps://github.com/CSS-Tricks/AnythingSlider/issues/536#issuecomment-17759596 .

Victor Araya V. Ingeniero en Informática 6 569 6311

Vitoko commented 11 years ago

This was my problem:

buildNavigation : false,

if I change it to true, it shows the bar .. what can i do??

Mottie commented 11 years ago

Oh, I only added the timer bar to make it easier for you to see LOL. If you want it with the navigation disabled, just change this bit of code (updated demo):

// add timer bar
slider.$timerbar = $('<div class="timer-bar"/>')
    .appendTo(slider.$wrapper);

and this css:

.timer-bar {
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    /* the padding-bottom for this theme is 28px; the bottom border is 3px,
       so we're using 24px to be above that */
    bottom: 24px;
    z-index: 100;
}
Mottie commented 8 years ago

I'm guessing this issue has been resolved, so I'm going to close it. If you continue to have problems, please feel free to continue the discussion in this thread.