242 comments found.
Would it be possible to have the selectors as an ordered or unordered list instead of a class with background images?
Yes. Use CSS . For example, for carbono theme:
.jquery-slider-selector span
{
display:inline;
}
hi man, this script is very amazing but the looping not work in jquery 1.3.2 you know how to fix this?
I just tested it and it works fine on 1.3.2. Could you send me a demo page of this issue?
How do you change the timer from rotator to use the timer bar? I don’t see where it’s documented? I can’t figure out the difference unless it’s in the minified js… please let me know, thx
Add this code to your css file:
.jquery-slider-wrapper .jquery-slider-timer
{
color:#000000;
height:3px;
width:100%;
position:absolute;
bottom:0;
left:0;
top:auto;
right:auto;
z-index:4;
}
.jquery-slider-wrapper .jquery-slider-timer-bar
{
background:#000000;
opacity:0.5;
height:3px;
width:0;
float:left;
display:inline;
}
Also, is there a way to add a counter to this like “1 of 3” ?
$(”.slider”).slideshow({ width : 0, height : 0,
Is there an easy way to turn off this plugin from automatically adding a div with inline CSS of a width and height. I thought 0 would turn it off but it’s not working.
??
No. You need to specify the width and height of the slider before initialize it.
Alguna idea de como correr mas jquey plugins en la misma pagina?
Puedes correr la cantidad de plugins que desees. Pero siempre debes usar 1 sola version de jQuery (la última en lo posible) y cargarla antes que todo lo demás.
Please add a href target option (general or each element), so that the SLides can be used for outgoing links.
I don’t understand. Why you can’t use it with this version?
there is no field for the target attribute (_blank, _self,etc). or is there a trick i should know?
Because it’s pure HTML .
<div class="slider">
<div>
<a href="page.html" target="_BLANK"><img src="assets/slide_1.jpg" alt="" /></a>
</div>
<div>
<img src="assets/slide_2.jpg" alt="" />
</div>
</div>
thanks for this workaround. maybe you consider to integrate this important attribute within the User Interface the next updates.
Hi dude im try to make a custom navigation (both arrows with small background) also the capiton word to show on midle, i almost got it but i can set .caption z-index 1million and i never get this over the navigation div, so i got this
this.esqueleto.navigation = $(' ').insertAfter(el); this make the navigation over element and also over the div class - any idea what i can do?i tried this this.esqueleto.navigation = $(‘ ‘).insertAfter(el).insertBefore(”.caption”); but not works fine.
Hola: Nuevamente yo hay alguna forma de que pueda corrrer dos plugins the jquery en la misma página. Intento porner jquery overlay en la misma pagina y no funciona. De hecho si los pongo en paginas separados ambos funcionan pero al ponerlos en la misma pagina boom o el rotador l el overlay dejan de funcionar.
I just purchased and installed this slider and I love it!!!! A couple big questions though:
1. Can I set a video to autoplay but not before it gets to the slide that has the video?
2. I want to have several slides and a video that autoplays when it gets to it… I don’t want the next slide to come until that video has finished. Is there a way to set a slider hold time override on 1 particular slide?
For example: SLIDE 1 : 6 sec SLIDE 2 : 6 sec SLIDE 3 VIDEO : 320 sec SLIDE 4 : 6 sec SLIDE 5 : 6 sec
Looking forward to hearing your response.
Hi. I’m having trouble getting the slider to center with the rest of my page. Here’s the url: www.berorecords.com
I’m using your plugin for a site at work but for some reason the images i’m using for the slide show fadein and then immediately disappear. What’s up with that? Any thing in the code I need to change? Help?
Could you send me the URL ?
Do I have to translate this to spanish to get a response?;)
Hello I paid for your script and would like an easy question answered, I am having an issue with youtube videos in the slider. When I embed the youtube video with iframe the navigation for the slider disappears. Vimeo works fine. Please Help. Thanks brennan
Hi,
I’m very sorry for the delay. I moved to another country so I don’t have so much time for technical support :/
Try adding ?wmode=transparent to the URL . Example:
<iframe width="420" height="315" src="http://www.youtube.com/embed/9Tin7x8OPho?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Hola:
Tengo un pequeño problema con el rotador. En la primer diapositiva pongo un video de Vimeo el cual se ve genial. El problema es que si los usuarios dan click en el video “Play” el video empieza a reproducirse y de pronto se cambia al slide 2 cuando el tiempo de espera termina. Manualmente tienen que regresar al primer cuadro para ver el video nuevamente.
Que puedo hacer para que cuando le den click al boton de vimeo se pause el rotador. Tu ejemplo avanzado tambien lo hace si das click en el video sun tocar la navegación de la misma se cambia automaticamente al siguiente slide.
Saludos
Por el momento no tengo una solución para esto ya que no puedo detectar eventos en videos en flash ni iframes fuera del mismo dominio.
Otros sliders lo han resuelto agregando una imagen fija, que al ser clickeada se elimina y carga el video. Si te interesa esa opción, enviame un mail que cuando tenga tiempo te envio un ejemplo.
Saludos.
Ya lo solucione. No es la mejor manera pero con un corigo PHP hice que si existe un video entre los slides, este sea el primero que se muestre y que no tenga autoplay activado. Cuando sean puras imagenes el autoplay se pone en true y funciona de maravilla.
Ya tambien había pensado en que no puedes controlar el boton de vimeo directamente.
Hello, I am having an issue with youtube videos in the slider. When I embed the youtube video with iframe the navigation for the slider disappears. Vimeo works fine. Please Help. Thanks
Estimado Eduardo.. te escribo en español pues encontré que eras de Argentina… Solo quería darte las gracias por tan excelente herramienta… soy un gran seguidor y usuario de tu trabajo… Oye, existe la posibilidad de implementar tu lightbox evolution con este slider?? sería simplemente genial.. Quedo atento a tus comentarios… Gracias. Saludos desde Colombia
Hola, muchas gracias por tus palabras.
No entiendo muy bien a lo que te refieres, pero como soy el autor de ambos garantizo que funcionen perfectamente en armonia.
Saludos.
Eduardo me refiero a que quisiera usar el Lightbox con el Slider… es decir abrir una imagen o elemento al dar clic sobre cualquiera de los slids. No solo abrir la misma imagen pues entiendo que el tamaño debe ser fijo y exacto, pero si de pronto abrir una copia de esa imagen mucha más grande para efectos de poder apreciarla mejor… y no solo abrir imágenes sino todos los demás elementos que me permite abrir el Lightbox evolution… Podrías indicarnos como serían las líneas de código que habilitarían este tipo de link…
Hola, si se puede. De hecho había un ejemplo de eso, pero en la nueva versión lo he quitado para no confundir a los usuarios (y que se piensen que el lightbox venia incluído).
Simplemente es agregar la class=”lightbox” al enlace.
<div class="slider">
<div>
<a href="imagen_grande.jpg" class="lightbox"><img src="imagen_peque.jpg" /></a>
</div>
...
</div>
Excelente.. a eso me refería.. Funciona perfecto.. Muchas gracias..
</Estimado Eduardo.. te escribo en español pues encontré que eras de Argentina… Solo quería darte las gracias por tan excelente herramienta… soy un gran seguidor y usuario de tu trabajo… Oye, existe la posibilidad de implementar tu lightbox evolution con este slider?? sería simplemente genial.. Quedo atento a tus comentarios… Gracias.
Hi. Is there a way to tell the slider to start with another slide than the first one? Something in options like “start: 2” or “start: $(”#slide_2”)”
Why don’t you change the orders of the divs?
Hi, recently purchased your script – is there any way I can change the slider selectors from 1,2,3,4 to different text? I wanted to have them be page names, not numbers. Your help would be greatly appreciated, thanks so much!! 
Hi,
Sorry that’s not possible :/ it’s hardcoded.
Using your example #2 layout. I have my content set to a width of 960px… I am also using 960px for the width of the slider… is there anyway I can prevent the horizontal scrollbars from showing due to the previous and next arrow images on the sides of the slider? At the moment if the window is resized the scrollbars will show when they hit the next/previous images… I would prefer they not and only do so at smaller than the expected 960px… I know I have seen other sites do this somehow… almost as if the next/previous were background images…
Possible?
Add this CSS code to your container:
.yourcontainer {
overflow:visible;
}
