I have entries that contain, body text, title and an image. I want to use these to produce a jQuery rotator with selectable tabs as you can see here.
The problems I have is that I need to output a selection of 6 random entries, BUT the same 6 in 3 different places in the XHTML.
For example we have the image / css at the top of the page:
{exp:weblog:entries weblog="homeboutique"}
#rotator #fragment-{entry_id} {
background:transparent url({hb_image}) no-repeat top right;
}
{/exp:weblog:entries}
Then the tabs and content:
<div id="rotator" class="innerGrad">
<h2>Luella's Wedding Boutique</h2>
<ul class="ui-tabs-nav">
{exp:weblog:entries weblog="homeboutique"}
<li class="ui-tabs-nav-item" id="nav-fragment-{entry_id}"><a href="#fragment-{entry_id}"><span>{title}</span></a></li>
{/exp:weblog:entries}
</ul>
{exp:weblog:entries weblog="homeboutique"}
<div id="fragment-{entry_id}" class="ui-tabs-panel" style="">
<h2>{title}</h2>
{hb_summary}
<p><a class="btn_get_started" href="#">Get Started</a> <a class="btn_learn_more" href="#">Learn More</a></p>
<!--{exp:imgsizer:size src="{hb_image}" width="460" alt="{title}"}-->
</div>
{/exp:weblog:entries}
</div>
What is the best way to achieve this?
).
