Untitled

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Testing carousel with matrix</title>
<meta charset="utf-8">
</head>
<body>

<h2>Embedded</h2>
 {embed="embeds/dev-carousel"}


 <h2>Same code as above, only not embedded</h2>
<div class="gallery">
		<span class="tl">&nbsp;</span>
		<span class="tr">&nbsp;</span>
		<span class="bl">&nbsp;</span>
		<span class="br">&nbsp;</span>

		<div class="gallery-holder">

		{!-- ******* start 1st loop ******* --}

		{exp:weblog:entries weblog="homepage" orderby="entry_id" sort="asc"}


              {if {Carousel:total_rows} != 0}


                    {Carousel}

                        {if "{row_count}" == 1}
                        	<ul>
                        {/if}

                            <li>

							<div class="carusel-box">
								<div class="text-hold">
								    <h2>{menu_label}</h2>
										<p>{promo_text}</p>
										<p><a href="{site_url}{read_more_url}" class="button blue">Read more <span class="removed">{read_more_hidden}</span> &raquo;</a></p>
								</div><!--texthold-->
								<img src="{promo_image}" alt="" class="bg-image png" />
							</div><!--/ carusel-box-->

							</li>


                        {if "{row_count}" == "{Carousel:total_rows}"}
                        	</ul>
                        {/if}


		{/Carousel}

		{/if}

		</div><!--/ gallery-holder-->

		{/exp:weblog:entries}


        {!-- ******* end 1st loop ******* --}

        {exp:weblog:entries weblog="homepage" orderby="entry_id" sort="asc"}


        {if {Carousel:total_rows} != 0}


                    {Carousel}

                        {if "{row_count}" == 1}

                        <div class="swicher">
						<nav class="nav-swicher">
							<ul class="nav" role="navigation">
						{/if}


							<li><a href="{site_url}{read_more_url}" title="">{menu_label}</a></li>


						 {if "{row_count}" == "{Carousel:total_rows}"}

							</ul>
						</nav>
						{/if}

					{/Carousel}

		{/if}


					</div><!--/switcher-->

		{/exp:weblog:entries}

		{!-- ******* end 2nd loop ******* --}


</div><!--/ gallery-->

</body>
</html>