Multiple Pagers for Multiple Jquery Cycle Instances on same page? -


I am trying to figure out how to do several pagers connected to several JPC cycle slideshots, all of which On the same page is without manual

My HTML looks like this.

  & lt ;! - Project - & gt; & Lt; Div title = "challenge factor" class = "project" & gt; & Lt; Div class = "projectinfo-top" & gt; & Lt; Div class = "project-title" & gt; & Lt; H2 & gt; Challenge Factor & lt; / H2 & gt; & Lt; / Div & gt; & Lt; Div class = "bulletin" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "minislideshow-bg" & gt; & Lt; Div class = "minssdow" & gt; & Lt; Img src = "project-slides / challengefactor-1.jpg" width = "729" height = "425" alt = "challenge factor" /> & Lt; Img src = "project-slides / challengefactor-2.jpg" width = "729" height = "425" alt = "challenge factor" /> & Lt; Img src = "project-slides / challengefactor-3.jpg" width = "729" height = "425" alt = "challenge factor" /> & Lt; Img src = "project-slides / challengefactor-4.jpg" width = "729" height = "425" alt = "challenge factor" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "projectinfo-text" & gt; & Lt; P & gt; ChallengeFactor.com is a new social network based on the user-created challenges that inspire members to improve themselves and improve their life around them. Webfibian was contacted to develop social networks with scratches and was tied in the existing branding of the Challenge Factor. My role on this project was to design the site's social network, to redesign its existing site, and to make all front development. & Lt; / P & gt; & Lt; / Div & gt; & Lt ;! - / Project information text - & gt; & Lt; / Div & gt; & Lt ;! - / Project - & gt;  

Looks my jazzzy.

  $ (function () {$ ('minislideshow'). Cycle ({timeout: 0, pager: .bulletnav '});});  

I have many projects listed, each has its own slideshow, div.minislideshow I would like a pager link to go inside div.bulletnav for each project example.

Any help would be greatly appreciated if you need more information then let me know. Thank you.

I found this very useful:

< P> In fact, they are doing one (.each) for each slide show and then passing the parent node in the relevant link, such as:

  $ ('section.portfolioItem .image' Each (function () {var p = this.parentNode; $ (this). Bicycle ({timeout: 0, ex: $ ('.', 'P'), next: $ ('. Next', p) , Pager: $ ('.slideshowNav', p)});};  

Comments