image carousel for theme

Nov 4, 2012 at 12:25 AM

Hi, This bootstrap theme is really good as i mentioned before. Thankyou for replcing the login with a link in the navbar along with changing the search button to an icon, i think it makes it more consistent to twitter bootstrap and looks great.

Now i have been following the below link, to try and get the bootstrap carousel working. I have managed to do everything but get it to display properly ..... i think this is due to the number of views created in the theme i believe i cant get the carousel to render corretly and display the images. I am trying to add to the header but eventuall would like to use in a few different places. Do you think it a good idea to have an extra displaytype of carousel so when ever you wish to display it you can use that display mode. I dont know how to do that.

http://www.stevetaylor.me.uk/image-carousel-using-twitter-bootstrap-and-orchard-cms-projections

I can provide you with all the code from the link i have created along with the edited .csproj file if you require. I feel if this could be added to the theme it would be of great help to all.

Thanks

 

Coordinator
Nov 5, 2012 at 6:52 PM

I have a sample carousel working on my design site...it's just sample data and the site redesign isn't complete, but here's what the code looks like. This is running inside an HTML widget on The Homepage layer.

 

<!-- start Clients List -->
<div class="clients-carousel">
<ul class="slides clients">
<li><img src="/Themes/Raptor.Smart/Content/logos/1.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/2.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/3.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/4.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/5.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/6.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/7.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/8.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/9.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/10.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/1.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/2.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/3.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/4.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/5.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/6.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/7.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/8.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/9.png" alt="" /></li>
<li><img src="/Themes/Raptor.Smart/Content/logos/10.png" alt="" /></li>
</ul>
</div>
<!-- end Clients List -->

You can see it in action at http://raptorconcepts.com (remember, I'm still working on the site =) )

Jul 7, 2013 at 10:02 AM
Edited Jul 7, 2013 at 10:03 AM
@psenechal - Where did you get the NY image from for your design site? It's pretty sweet!

Thanks,
X
Jul 7, 2013 at 10:55 AM
Edited Jul 7, 2013 at 11:06 AM
nvm - I found the photographer: Carl Heilman