Response title
This is preview!
- Screen name: mateo82
mateo82's Profile
2 Posts
7 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 11-Jul-2012 05:46 AM
- Forum: Using jQuery Plugins
Hello guys,I'm currently working on a HTML page containing different slideshows using the great plugin jQuery Cycle. I don't have any problem to make them working on the same page with this code:- $('.slideshow').each(function() {
- var $this = $(this);
- $this.cycle({
- speed: 600,
- timeout: 0,
- slideExpr: '.slide',
- slideResize: 0,
- next: $this,
- after: onAfter
- });
- });
- function onAfter(curr,next,opts) {
- var caption = ' ' + (opts.currSlide + 1) + ' / ' + opts.slideCount;
- $('.caption').html(caption);
- }
Each slider on the page is called .slideshow and I also use the "each" function to make them work without conflict. However I would like to assign to each one of these jQuery Cycle the keyboard arrow navigation (right & left for Next & Prev).I've got this code which is working fine just for one slideshow on a page but if I use it for all of the sliders it fails the nav:- $(document.documentElement).keyup(function (e) {
- if (e.keyCode == 39)
- {
- $(.slideshow).cycle('next');
- }
- if (e.keyCode == 37)
- {
- $(.slideshow).cycle('prev');
- }
- });
- Hello guys,I'm trying to write a script that auto resize my jquery Cycle slideshow when I resize my browser. I tried some of the solutions already seen like Window Resize or the cycle options (
containerResize, slideRezize, fit). But I don't make it work at all... so I would not mind to receive a bit of help.So here is the JS code for the slideshow:
$(document).ready(function() {$this.cycle({
timeout: 0,
fx: 'fade',
pause: 1,
speedIn: 1000,
speedOut: 1000,
sync: false,
containerResize: false,
slideResize: false,
fit: 1,
...
});
Hope someone can help on that.Many thanks!!Mateo- «Prev
- Next »
Moderate user : mateo82