I am trying to replace the two sections where Bok Choi is and Teriyaki Sauce is

Question

I am trying to replace the two sections where Bok Choi is and Teriyaki Sauce is with a slide show code. How do I do that? The code for the webstie is http://htmlandcssbook.com/code-samples/chapter-17/example-with-links.html

Home Catering about Bok Choi Bok Choi Japanese Vegetarian Five week course in London Popular Recipes Yakitori (grilled chicken) A five week introduction to traditional Japanese vegetarian meals, teaching you a selection of rice and noodle dishes. Tsukune (minced chicken patties) Okonomiyaki (savory pancakes) Mizutaki (chicken stew) Teriyaki sauce Teriyaki Sauce Sauces Masterclass One day workshop Contact An intensive one-day course looking at how to create the most delicious sauces for use in a range of Japanese cookery. Yoko's Kitchen 27 Redchurch Street Shoreditch London E2 7DP

Explanation / Answer

Ans:

Hi, please replace the image section code with the code below to get a slider in place of the imges;

<div id="newCarousel" class="carousel slide" data-ride="carousel">

<ol class="carousel-indicators">

<li data-target="#newCarousel" data-slide-to="0" class="active"></li>

<li data-target="#newCarousel" data-slide-to="1"></li>

<li data-target="#newCarousel" data-slide-to="2"></li>

</ol>

<!-- setting images with the memory locations -->

<div class="carousel-inner">

<!-- this is the active one and starting image -->   

<div class="item active">

<img src="pictures/BokChoi.jpg" alt="imagename">

</div>

<div class="item">

<img src="pictures/name2.jpg" alt="imagename">

</div>

<div class="item">

<img src="pictures/name3.jpg" alt="imagename">

</div>

</div>

<a class="carousel-control left" href="#newCarousel" data-slide="prev">

<span class="glyphicon glyphicon-chevron-left"></span>

</a>

<a class="carousel-control right" href="#newCarousel" data-slide="next">

<span class="glyphicon glyphicon-chevron-right"></span>

</a>

</div>

The same is for the Teriyaki Sauce section.

Note: Please name your images correctly, the link and the extension should be carefully given for proper woking of the slider.

/// Please comment if you get any doubt.

/// Thank You ///

Related Questions

Navigate

• Browse (All)
• Browse I
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.