-
AuthorPosts
-
pavit Moderator
pavit
- Join date:
- September 2007
- Posts:
- 15749
- Downloads:
- 199
- Uploads:
- 2274
- Thanks:
- 417
- Thanked:
- 4028 times in 3778 posts
January 14, 2016 at 3:41 pm #847850Hi Pavit, thanks for your response. Yes, I’ve looked at the documentation. It references some HTML code. However, what I edited was the module that had a header of numbers and then embedded images. I got that by searching for slide show in modules and then editing it. Whatever I did totally messed up the slideshow. I can’t see any documentation about how it’s formatted. It seems to have to do with the placement and type of paragraphs.
Thanks for any help…
January 14, 2016 at 4:27 pm #847888I’ve tried using the code I found in the docs. When I first looked at this "slideshow" module, there were some numbered lines above the first image. I’ve inserted the code below and I still have a mostly messed up output.
<div class="container"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="/images/joomlart/slideshow/sl-1.jpg" alt="Sample image" /> <div class="carousel-caption"> <h2>Your perfect starting template, Purity III</h2> <p>Either it's your first time with Joomla or you are a developer already, Purity III won't let you down.</p> </div> </div> <div class="item"> <img src="/images/joomlart/slideshow/sl-2.jpg" alt="Sample image" /> <div class="carousel-caption"> <h2>This is the best FREE Joomla 3 template!</h2> <p>We have drunken too much of the best… but this repsonsive Joomla template truly is, and IT'S FREE!</p> </div> </div> <div class="item"> <img src="/images/joomlart/slideshow/sl-3.jpg" alt="Sample image" /> <div class="carousel-caption"> <h2>The next generation of Purity series</h2> <p>Sophisticated in Design, Brilliant in Features. That's how we define Purity Series.</p> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div> -
AuthorPosts
This topic contains 5 replies, has 2 voices, and was last updated by natzue 8 years, 11 months ago.
The topic ‘Slideshow’ is closed to new replies.