Highlighted

Slideshow works in dreamweaver - not online

Explorer ,
Feb 27, 2018

Copy link to clipboard

Copied

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>

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

TOPICS
Create Slideshows in Dreamweaver

Views

1.1K

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

Slideshow works in dreamweaver - not online

Explorer ,
Feb 27, 2018

Copy link to clipboard

Copied

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>

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

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>

TOPICS
Create Slideshows in Dreamweaver

Views

1.1K

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
Feb 27, 2018 0
Adobe Community Professional ,
Feb 27, 2018

Copy link to clipboard

Copied

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, 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...
Feb 27, 2018 2
Explorer ,
Feb 27, 2018

Copy link to clipboard

Copied

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.

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...
Feb 27, 2018 0
Adobe Community Professional ,
Feb 27, 2018

Copy link to clipboard

Copied

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.

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...
Feb 27, 2018 2
Adobe Community Professional ,
Feb 27, 2018

Copy link to clipboard

Copied

Notice the typos in this line of code?

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

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...
Feb 27, 2018 2
Explorer ,
Feb 27, 2018

Copy link to clipboard

Copied

Ah thank you!

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...
Feb 27, 2018 0
Explorer ,
Feb 27, 2018

Copy link to clipboard

Copied

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!

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...
Feb 27, 2018 0