Databases
StackOverflow2013
Postsdbo
POSplit jQuery cycle pager into divs
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSplit jQuery cycle pager into divs
    primarykey
    data
    text
    <p>I have a jQuery cycle slider working fine, but the pager I need split into different places. The paging itself works, but the active slide is the same for each div - i.e. for the first slide, the first pager in each div will show as active. I'm having a hard figuring out how to solve this problem! </p> <p>An example of what I'm trying to achieve is the paging of this site <a href="http://www.cote-carmes.com/en-en/rooms.php" rel="nofollow">http://www.cote-carmes.com/en-en/rooms.php</a>.</p> <p>The idea of the markup is as follows:</p> <pre><code>&lt;div id="home-content"&gt; &lt;div class="home-sub first"&gt; &lt;ul class="slide-nav"&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="home-sub"&gt; &lt;ul class="slide-nav"&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="home-sub"&gt; &lt;ul class="slide-nav"&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>And the jQuery I have as follows:</p> <pre><code>$('#home-slider').cycle({ pager: '#home-content ul', pagerAnchorBuilder: function(idx, slide) { // return selector string for existing anchor return '#home-content li:eq(' + idx + ') a'; } }); </code></pre> <p>Please help!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USChris
    1. USChris
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COMaybe it's just me but I'm finding it hard to understand what you are trying to achieve.
      singulars
      1. POSplit jQuery cycle pager into divs
      1. USBeetroot-Beetroot
    2. COI've added a website url as an example of what I need - hope this helps
      singulars
      1. POSplit jQuery cycle pager into divs
      1. USChris
    3. COI think what OP means is that the pager has a prev/next on the hero slideshow, but also has bullets under the text that describes the image... amirite?
      singulars
      1. POSplit jQuery cycle pager into divs
      1. USJKirchartz
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload