Hey everyone. I’ve been developing on EE for quite some time but ran into a little issue with the formatting of a weblog for a jquery slider element. I was hoping to gain some suggestions from the community on a proper solution.
The Slider Element
<div id="slider">
/path/to/image.jpg
/path/to/image.jpg
/path/to/image.jpg
/path/to/image.jpg
</div>
<div id="caption-holder">
<div id="caption1">
<h2>Caption 1
some text here</h2>
<p> </div><br />
<div id="caption2"><br />
</p><h2>Caption 2
some text here</h2>
<p> </div><br />
<div id="caption3"><br />
</p><h2>Caption 3
some text here</h2>
<p> </div><br />
<div id="caption4"><br />
</p><h2>Caption 4
some text here</h2>
<p> </div><br />
</div>Normally I’d set something like this…
{exp:weblog:entries weblog="slider"}
<div id="slider">
{slider_image} alt=
</div>
<div id="caption-holder">
<div id="caption1">
<h2>{slider_text}</h2>
<p> </div><br />
</div><br />
{/exp:weblog:entries}I have setup a field group called “sliders” with two fields “slider_image” and “slider_text”.
My problem:
The second caption-holder div has me for a loss. I cannot figure out a method to be able to display the fields in the weblog because of the unique caption id tags.
I thought about setting up two weblogs, one for the image and the other for the text via a relationship between the two but cannot get it to work.
Any ideas? Surely I am over complicating this.
Any suggestions?