Skip to main content
katez95269803
Inspiring
February 27, 2018
Answered

Slideshow works in dreamweaver - not online

  • February 27, 2018
  • 4 replies
  • 1545 views

Hello -

This is my first time posting - hopefully this is allowed.

I successfully made my first slideshow in Dreamweaver CC - but its not working online when I try to preview or publish it to the web.

Here is my code - I would appreciate any help.

HTML:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Slideshow</title>

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery-3.3.1.min.js" type="text/javascript"> </script>

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery.cycle.all.js" type="text/javascript"> </script>

<script> $ (document).ready (function() {

$('#slider').cycle('fade');

});

</script>

<style type="text/css">

#wrapper {

display: block;

height: 658px;

width: 1900px;

top: auto;}

#container {

display: block;

align-content: center;

height: 658px;

width: 1900px;

overflow: auto;}

#slider {

display: block;

float: left;

height: 658px;

width: 1900px;

overflow: hidden;

position: absolute;

}

    </style>

</head>

<body>

<div id="wrapper">

<div id="container">

<div class="controller" id="prev"> </div>

<div id="slider">

<img src="healing_butterfly.jpg" width+"1900" eight="658" alt="start_healing"/>

<img src="slideshow1_emvbrace.jpg" width="1900" height="850" alt="embrace_your_possibilities"/>

<img src="alone.jpg" width="1900" height="658" alt="don't_struggle_alone"/> </div>

</div>

</div>

</body>

</html>

This topic has been closed for replies.
Correct answer Nancy OShea

You did not define a local site folder for your project.  Site > New Site.

A site folder is a critical 1st step when working with DW.    The links to your supporting files are pointing to a file folder on your local computer which nobody can see except you.   The jQuery and Cycle scripts need to be in your site folder.

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery-3.3.1.min.js" type="text/javascript"> </script>

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery.cycle.all.js" type="text/javascript"> </script>

4 replies

katez95269803
Inspiring
February 27, 2018

Thank you so much Nancy OShea​ and Jon! Silly mistake on my part, I had the local files in my website folder, but I linked it to my actual computer's files on accident.

Thank you both so much!

Nancy OShea
Community Expert
Community Expert
February 27, 2018

Notice the typos in this line of code?

<img src="healing_butterfly.jpg" width+"1900" eight="658" alt="start_healing"/>

Nancy O'Shea— Product User & Community Expert
katez95269803
Inspiring
February 27, 2018

Ah thank you!

Jon Fritz
Community Expert
Community Expert
February 27, 2018

Your <script> links point to files on your hard drive rather than files relative to the page they're on. That is usually caused by forgetting to define a site:

Define a site

Right now, only you or anyone else with those files on their local machine at the exact same location could see what those scripts create.

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
February 27, 2018

You did not define a local site folder for your project.  Site > New Site.

A site folder is a critical 1st step when working with DW.    The links to your supporting files are pointing to a file folder on your local computer which nobody can see except you.   The jQuery and Cycle scripts need to be in your site folder.

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery-3.3.1.min.js" type="text/javascript"> </script>

<script src="file:///C:/Users/Scarla/Desktop/Website_Files/jquery.cycle.all.js" type="text/javascript"> </script>

Nancy O'Shea— Product User & Community Expert
katez95269803
Inspiring
February 27, 2018

Oh!

Can you explain further?

I have both jquery and cycle scripts in my site folder (website_files). How do I make it visible to everyone? Sorry, Im a beginner, and have never worked with scripts before.