Highlighted

Can't get my carousel to work

New Here ,
Oct 07, 2018

Copy link to clipboard

Copied

Hello,

I am using dreamweaver cc and cant get my carousel to work properly.  Everytime I update links it has 1., 2., 3. above my images and nothing moves.  Here is my code:

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

    <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Type" content="cache" />

    <meta name="robots" content="INDEX,FOLLOW" />

    <meta name="keywords" content="Enter keywords" />

<meta name="DESCRIPTION" content="">

<br>

<div id="wrapper">

       

    <div id="company-logo">

        <img src="images/logo.png" width="164" height="136" />

  </div>

       

  <div id="social-media-icons">

        <ul>

            <li><img src="images/icons/if_facebook_2308066.png" /></li>

            <li><img src="images/icons/if_linkedin_2308061.png" /></li>

         </ul>

  </div>

       

      

   <div id="topnav">

      <ul>

                <li><a href="index.html">HOME</a></li>

                    <li><a href="about.html">ABOUT</a></li>

                    <li><a href="repairandupgrade.html">SERVICES</a></li>

                    <li><a href="shop.html">SHOP</a></li>

                    <li><a href="contact.html">CONTACT</a></li>

                   

     </ul>

  </div>

<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/banner/jeshoots-com-523925-unsplash.jpg" width="850" height="567" alt="First Slide"/>

      <div class="carousel-caption">

        <h5>Deadline?  Computer on the fritz?</h5>

        <p>Call 2 Hands and a Mouse</p>

          </div>

        </div>

    <div class="carousel-item"> <img class="d-block mx-auto"  alt="Second slide"><img src="images/banner/man-1246277_1920.jpg" width="850" height="568" alt=""/>

      <div class="carousel-caption">

        <h5>Don't let the stress of a broken computer get you down!</h5>

        <p>Call 2 Hands and a Mouse</p>

          </div>

        </div>

    <div class="carousel-item"> <img class="d-block mx-auto" alt="Third slide"><img src="images/banner/woman-1733891_1920.jpg" width="850" height="322" alt=""/>

      <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>

  <div id="content">

          <h1>Welcome to 2 Hands and a Mouse</h1>

          <p>We repair and diagnose Mac laptops as well as PC laptops. Diagnosis of laptops in 48 hour or less.

            We now  repair and troubleshoot printers.</p>

         

<img src="images/desktop.jpg" width="280" height="187" alt=""/>

<img src="images/laptop.jpg" width="280" height="180" alt=""/>

<p>We specialize in PC/Mac desktop computers for diagnosis, upgrade and repair.  We will personally analyse your computer in less than 24 hours. </p>

  </div>

        

         <div id "rightside">

           <h2>Call Us</h2>

           <p>678-886-2529 or 678-886-3723</p>

           <h3>Email Us</h3>

           <p>2handsandamouse@gmail.com or Janettetheartiste@icloud.com</p>

         <!-- TemplateEndEditable --></div>

         

        <div id="footer">

        <p>Copyright 2018 - 2 Hands and a Mouse /Photo by Thomas Quaritsch</p>

           

            <p>Photo by JESHOOTS.COM on Unsplash</p>

           

          <div>Logo made with <a href="https://www.designevo.com/en/" title="Free Online Logo Maker">DesignEvo</a></div>

        </div>

       

</div>

        </div>

<!-- Google Antalytics Code Goes Below Here  -->

<!-- End Google Antalytics Code -->

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>

</body>

</html>

None of your css or js file links are correct:

<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>

They should be more like below, where you have a css folder in your site-folder and a js folder in your site-folder:

<link href="css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap-4.0.0.js"></script>

Also I have no idea how you managed to get a link like below with the (1):

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

It should be more like below where the name of the file in your js folder is jquery-3.3.1.js

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>

Try moving the css folder and js folder to where they should be, inside your site-folder and see if that resolves your issue

TOPICS
Create Slideshows in Dreamweaver

Views

605

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Can't get my carousel to work

New Here ,
Oct 07, 2018

Copy link to clipboard

Copied

Hello,

I am using dreamweaver cc and cant get my carousel to work properly.  Everytime I update links it has 1., 2., 3. above my images and nothing moves.  Here is my code:

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

    <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Type" content="cache" />

    <meta name="robots" content="INDEX,FOLLOW" />

    <meta name="keywords" content="Enter keywords" />

<meta name="DESCRIPTION" content="">

<br>

<div id="wrapper">

       

    <div id="company-logo">

        <img src="images/logo.png" width="164" height="136" />

  </div>

       

  <div id="social-media-icons">

        <ul>

            <li><img src="images/icons/if_facebook_2308066.png" /></li>

            <li><img src="images/icons/if_linkedin_2308061.png" /></li>

         </ul>

  </div>

       

      

   <div id="topnav">

      <ul>

                <li><a href="index.html">HOME</a></li>

                    <li><a href="about.html">ABOUT</a></li>

                    <li><a href="repairandupgrade.html">SERVICES</a></li>

                    <li><a href="shop.html">SHOP</a></li>

                    <li><a href="contact.html">CONTACT</a></li>

                   

     </ul>

  </div>

<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/banner/jeshoots-com-523925-unsplash.jpg" width="850" height="567" alt="First Slide"/>

      <div class="carousel-caption">

        <h5>Deadline?  Computer on the fritz?</h5>

        <p>Call 2 Hands and a Mouse</p>

          </div>

        </div>

    <div class="carousel-item"> <img class="d-block mx-auto"  alt="Second slide"><img src="images/banner/man-1246277_1920.jpg" width="850" height="568" alt=""/>

      <div class="carousel-caption">

        <h5>Don't let the stress of a broken computer get you down!</h5>

        <p>Call 2 Hands and a Mouse</p>

          </div>

        </div>

    <div class="carousel-item"> <img class="d-block mx-auto" alt="Third slide"><img src="images/banner/woman-1733891_1920.jpg" width="850" height="322" alt=""/>

      <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>

  <div id="content">

          <h1>Welcome to 2 Hands and a Mouse</h1>

          <p>We repair and diagnose Mac laptops as well as PC laptops. Diagnosis of laptops in 48 hour or less.

            We now  repair and troubleshoot printers.</p>

         

<img src="images/desktop.jpg" width="280" height="187" alt=""/>

<img src="images/laptop.jpg" width="280" height="180" alt=""/>

<p>We specialize in PC/Mac desktop computers for diagnosis, upgrade and repair.  We will personally analyse your computer in less than 24 hours. </p>

  </div>

        

         <div id "rightside">

           <h2>Call Us</h2>

           <p>678-886-2529 or 678-886-3723</p>

           <h3>Email Us</h3>

           <p>2handsandamouse@gmail.com or Janettetheartiste@icloud.com</p>

         <!-- TemplateEndEditable --></div>

         

        <div id="footer">

        <p>Copyright 2018 - 2 Hands and a Mouse /Photo by Thomas Quaritsch</p>

           

            <p>Photo by JESHOOTS.COM on Unsplash</p>

           

          <div>Logo made with <a href="https://www.designevo.com/en/" title="Free Online Logo Maker">DesignEvo</a></div>

        </div>

       

</div>

        </div>

<!-- Google Antalytics Code Goes Below Here  -->

<!-- End Google Antalytics Code -->

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>

</body>

</html>

None of your css or js file links are correct:

<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>

They should be more like below, where you have a css folder in your site-folder and a js folder in your site-folder:

<link href="css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap-4.0.0.js"></script>

Also I have no idea how you managed to get a link like below with the (1):

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

It should be more like below where the name of the file in your js folder is jquery-3.3.1.js

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>

Try moving the css folder and js folder to where they should be, inside your site-folder and see if that resolves your issue

TOPICS
Create Slideshows in Dreamweaver

Views

606

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 07, 2018 0
LEGEND ,
Oct 07, 2018

Copy link to clipboard

Copied

None of your css or js file links are correct:

<link href="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/popper.min.js"></script>

<script src="file:///Untitled/Users/janettetheartiste/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Temp/Assets/eam2c1ad9f7.TMP/js/bootstrap-4.0.0.js"></script>

They should be more like below, where you have a css folder in your site-folder and a js folder in your site-folder:

<link href="css/bootstrap-4.0.0.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

<script src="js/popper.min.js"></script>

<script src="js/bootstrap-4.0.0.js"></script>

Also I have no idea how you managed to get a link like below with the (1):

<script type="text/javascript" src="js/jquery-3.3.1 (1).js"></script>

It should be more like below where the name of the file in your js folder is jquery-3.3.1.js

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>

Try moving the css folder and js folder to where they should be, inside your site-folder and see if that resolves your issue

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 07, 2018 0
Adobe Community Professional ,
Oct 07, 2018

Copy link to clipboard

Copied

#1 you must work in a defined local site folder.  For example, C:\myTestSite\

CC-localsite.jpg

#2 you must save your doccument before you add componenets.  DW will then resolve asset paths for you.

CC-StarterPageAssets.jpg

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 07, 2018 0