div tag inside of content area makes quick editor vanish

- 137 Posts
dowhatnow Reply #1, 16 years, 7 months ago
This is the markup I was given to build a gallery "slider" of sorts:
```
<div id="panel_1" class="panel">
	<div class="inside">
		<a title="" rel="fade" href="my-full-size-image.jpg"><img src="my-full-size-image.jpg" alt="" /></a>
		<h2>Title</h2>
		<p>My Caption | <a title="" rel="fade2" href="my-full-size-image.jpg">Click for larger image</a></p>
	</div>
</div>
```
That is the code that I have placed inside the content area using the content call:
```
[*#content*]
```
When I preview the site, for the most part everything works. It’s a jquery slider-thingy that uses colorbox to display the full-sized image. However, when I click "Edit Resource" within the quick editor, the editor starts to load then the page goes completely blank.

I have chased it down to the first div tag. If I place nothing but an empty set of div tags the same thing happens.

If I were developing this site from scratch, I would write a loop using the above markup as a chunk and output each portfolio image.

I’m not sure the best way to handle this?
- 137 Posts
dowhatnow Reply #2, 16 years, 7 months ago
**Edit**
I forgot to include that the top level div
```
<div id="panel_1">...</div>
```
does need to increment. So If I have 3 items in my portfolio, i would need "panel_1, panel_2, panel_3" and so on. I’m not sure how to increase that using a chunk -- or the best way to use a snippet to generate the chunk.

I would like the user to be able to add/remove images so that’s why I put everything in the content area. I’m wide open to suggestion though.