Can anyone help with my ee code structure?
I am using the grid field to upload multiple images for a lightbox gallery. Everything is displaying properly, but lightbox pops open to the last image first.
“Image 3 of 3” instead of “Image 1 of 3”
I think it is because of the open anchor tags
Here’s my code:
{exp:channel:entries channel="projects"}
<div class="b-project">
<div class="img-wrapper img-polaroid">
{project_gallery}
<a href="http://{project_gallery:gal_pic}data-lightbox={title_permalink}">_ {/project_gallery}_ {project_img:crop}_ <div class="img-border"></div> _ </a>
</div>
<strong>{title}</strong>
{short_description}
</div>
{/exp:channel:entries}When I view the page source code, I see the problem:
<!-- b-project -->
<div class="b-project">
<div class="img-wrapper img-polaroid">
<a href="/images/34-_004.jpgdata-lightbox=http://yclipper.ehclients.com/index.php/test-project">__ <a data-lightbox="http://yclipper.ehclients.com/index.php/test-project" href="/images/34-_007.jpg">__ <a data-lightbox="http://yclipper.ehclients.com/index.php/test-project" href="/images/34-_009.jpg">__ /images/_crop/14_horseshoe.jpg_ <div class="img-border"></div> _ </a>
</div>
<strong>Test Project</strong>
This is a Test project
</div>
<!-- end b-project -->
<!-- b-project -->How can rewrite my gallery code to NOT leave open a tags?
Here’s a link to the page: beta site
Thanks, in advance!