Answered
I can't get a carousel
I am a beginner of Dreamweaver, but currently working on revising university website pages. I found there are pages I can't insert a carousel. I can make carousel on the new HTML page but it does not work when I paste the code on the bad page. I can insert carousel in the original page, but when I link the page to other pages and close, then carousel got broken into 3 pictures. Even I comment out all java script, carousel does not appear in a proper shape. The HTML of the bad page with broken carousel is attached. Please let me know if I can get a carousel on this page.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-171786245-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-171786245-1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="../ja/js/styleswitcher.js"></script>
<link href="../css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../ja/js/jquery.js"></script>
<script type="text/javascript" src="../ja/js/style.js"></script>
<script type="text/javascript" src="../ja/js/rollover.js"></script>
<script type="text/javascript" src="../ja/js/navi_rollover.js"></script>
<script type="text/javascript" src="../ja/js/script.js"></script>
<link rel="stylesheet" href="../ja/css/style.css" type="text/css" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Overview: Graduate School of Fisheries Science and Environmental Studies, Nagasaki University</title>
</head>
<body>
<div id="container">
<div id="header">
<noscript>
<div id="noscript">
Your browser appears to have JavaScript disabled.<br />
The features of this page may not work nor display properly if your browser has JavaScript disabled.<br />
To view all information, we recommend that you enable JavaScript (activate) in the browser settings.
<!-- end #noscript --></div>
</noscript>
<div class="content">
<div class="skipNavigation">
<p>
You may skip common menus on this page and directly view the text. To directly view text, click "Go to main body."<br />
<a href="#section1">Go to main body.</a>
</p>
<!-- .skipNavigation --></div>
<div id="logo">
<p>
<a href="../index.html"><img src="../images/common/logoE.gif" alt="Nagasaki University" /></a>
</p>
<!-- end #logo --></div>
<div id="tools">
<div id="langNavigation">
<ul>
<li><a href="../../index.html"><img src="../images/common/japanese.gif" alt="Japanese" /></a></li><!--
--><li><a href="../index.html"><img src="../images/common/english.gif" alt="English" /></a></li>
</ul>
<!-- end #langNavigation --></div>
<div id="contactNavigation">
<ul>
<li><a href="../contact/index.html">Contact</a></li><!--
--><li><a href="../access/index.html">Access Guide</a></li><!--
--><li><a href="../sitemap/index.html">Site map</a></li>
</ul>
<!-- end #contactNavigation --></div>
<div id="mojisize">
<ul>
<li><img src="../images/common/moijE.gif" alt="Change the font size" /></li><!--
--><li><a href="#top" onclick="fsc('larger');return false;" onkeypress="fsc('larger');return false;"><img src="../images/common/bigE.gif" alt="Make the font larger." /></a></li><!--
--><li><a href="#top" onclick="fsc('smaller');return false;" onkeypress="fsc('smaller');return false;"><img src="../images/common/smallE.gif" alt="Make the font smaller." /></a></li><!--
--><li><a href="#top" onclick="fsc('default');return false;" onkeypress="fsc('default');return false;"><img src="../images/common/resetE.gif" alt="Default" /></a></li>
</ul>
</div>
<div id="search">
<form method="get" action="http://www.google.com/search">
<table cellpadding="0" cellspacing="0">
<tr valign="top">
<td><a href="http://www.google.com/"><img src="../images/common/google_logo.jpg" border="0" alt="Google" align="absmiddle" width="50" height="20" /></a></td>
<td><input type="text" name="q" size="22" maxlength="255" value /><!--
--><input type="hidden" name="ie" value="utf-8" /><!--
--><input type="hidden" name="oe" value="utf-8" /><!--
--><input type="hidden" name="hl" value="en" /><!--
--><input type="submit" name="btnG" value="Search this site" /><!--
--><input type="hidden" name="as_sitesearch" value="http://www.fe.nagasaki-u.ac.jp" />
</td>
</tr>
</table>
</form>
<!-- end #search --></div>
<!-- end #tools --></div>
<!-- end .content --></div>
<div id="globalNavigation">
<ul>
<li><a href="../prospective/index.html"><img src="../images/common/prospectiveE_n.gif" alt="For Prospective Students" /></a></li><!--
--><li><a href="../student/index.html"><img src="../images/common/studentE_n.gif" alt="For Current Students" /></a></li><!--
--><li><a href="../alumni/index.html"><img src="../images/common/alumniE_n.gif" alt="For Alumni" /></a></li><!--
--><li><a href="../business/index.html"><img src="../images/common/businessE_n.gif" alt="For the General Public and Businesses" /></a></li>
</ul>
<ul>
<li><a href="../index.html"><img src="../images/common/homeE_n.gif" alt="Home" /></a></li><!--
--><li><a href="../greeting/index.html"><img src="../images/common/greetingE_n.gif" alt="Dean's Message" /></a></li><!--
--><li><a href="../outline/index.html"><img src="../images/common/outlineE_n.gif" alt="Overview" /></a></li><!--
--><li><a href="../research/index.html"><img src="../images/common/researchE_n.gif" alt="Education" /></a></li><!--
--><li><a href="../intro/index.html"><img src="../images/common/introE_n.gif" alt="Laboratories" /></a></li>
</ul>
<!-- end #globalNavigation --></div>
<!-- end #header --></div>
<div id="contents">
<p id="topicPath">
<a href="../index.html">Home</a> > Overview
</p>
<div id="section1">
<div class="skipNavigation">
<p>
The main body starts here.
</p>
<!-- end .skipNavigation --></div>
<h1>Overview</h1>
<p>
The Graduate School of Fisheries Science and Environmental Studies was established in April 2011 through a reorganization of the Graduate School of Science and Technology, based on the Faculty of Fisheries and the Faculty of Environmental Studies. The fundamental principle of the new Graduate School is: "To cultivate both advanced specialists with practical leadership skills and internationally competent researchers, who can address and provide solutions to environmental and food-security issues, by promoting education and research in interdisciplinary and comprehensive academic fields of fisheries science and environmental studies".
</p>
<div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" style="background-color: grey">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active"> <img class="d-block mx-auto" src="../images/Carousel_Placeholder.png" alt="First slide" />
<div class="carousel-caption">
<h5>First slide Heading</h5>
<p>First slide Caption</p>
</div>
</div>
<div class="carousel-item"> <img class="d-block mx-auto" src="../images/Carousel_Placeholder.png" alt="Second slide" />
<div class="carousel-caption">
<h5>Second slide Heading</h5>
<p>Second slide Caption</p>
</div>
</div>
<div class="carousel-item"> <img class="d-block mx-auto" src="../images/Carousel_Placeholder.png" alt="Third slide" />
<div class="carousel-caption">
<h5>Third slide Heading</h5>
<p>Third slide Caption</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
<!-- end #section1 --></div>
<div id="section2">
<div id="localNavigation">
<dl>
<dt>Overview</dt>
<dd>
<ul>
<li><a href="philosophy.html" class="off">Departmental Philosophy</a></li>
<li><a href="organization.html" class="off">Organization</a></li>
<li><a href="organization.html" class="off">History</a></li>
</ul>
</dd>
</dl>
<!-- end #localNavigation --></div>
<!-- end #section2 --></div>
<!-- end #contents --></div>
<div id="footer">
<p class="pageTop">
<img src="../images/map.JPG" width="603" height="609" alt=""/><a href="#container">To the top of this page.</a>
</p>
<div class="globalNavigation">
<p>
| <a href="../index.html">Home</a><!--
--> | <a href="../greeting/index.html">Dean's Message</a><!--
--> | <a href="../outline/index.html">Overview</a><!--
--> | <a href="../research/index.html">Education</a><!--
--> | <a href="../intro/index.html">Laboratories</a>｜
</p>
<!-- end .globalNavigation --></div>
<div id="copyright">
<p>
Graduate School of Fisheries Science and Environmental Studies, Nagasaki University 1-14 Bunkyo-machi, Nagasaki 852-8521, Japan<br />
Copyright© Nagasaki University, All Rights Reserved.
</p>
<!-- end #copyright --></div>
<!-- end #footer --></div>
<!-- end #container --></div>
<script src="../js/jquery-3.4.1.min.js"></script> <script src="../js/popper.min.js" type="text/javascript"></script> <script src="../js/bootstrap-4.4.1.js" type="text/javascript"></script>
<script src="../js/popper.min.js" type="text/javascript"></script>
<script src="../js/bootstrap-4.4.1.js" type="text/javascript"></script>
</body>
</html>
AdChoices