nees help for Cycle jquery pager
hello
i am jigar pandya,
i am using a cycle jquery and i want to apply two different scrolling effect on two Div using single Pager
means by clicking a single pager my both div should scroll but with different effect , how can i do this,
Thanks in advance
my code is like this
$(function() {
$('#slideshow').cycle({
fx: 'turnLeft,turnRight',
timeout: 4000,
pager: '#nav',
pagerEvent: 'click',
fastOnEvent: true
});
});
<div id="slideshow1" class="pics slideshow">
</span>
<img src="IMG/Desert.jpg" width="500" />
<img src="IMG/A.bmp" width="500" height="300" />
<img src="IMG/Hydrangeas.jpg" width="500" height="300" />
<img src="IMG/Jellyfish.jpg" width="500" height="300" />
<img src="IMG/Koala.jpg" width="500" height="300" />
<img src="IMG/Penguins.jpg" width="500" height="300" />
</div>
<div id="slideshow2" class="pics slideshow">
</span>
<img src="IMG/Desert.jpg" width="500" />
<img src="IMG/A.bmp" width="500" height="300" />
<img src="IMG/Hydrangeas.jpg" width="500" height="300" />
<img src="IMG/Jellyfish.jpg" width="500" height="300" />
<img src="IMG/Koala.jpg" width="500" height="300" />
<img src="IMG/Penguins.jpg" width="500" height="300" />
</div>