• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Slideshow works in dreamweaver - not online

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

Views

1.4K

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

correct answers 1 Correct answer

Community Expert , Feb 27, 2018 Feb 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.c

...

Votes

Translate

Translate
Community Expert ,
Feb 27, 2018 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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

Votes

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
community guidelines
Community Expert ,
Feb 27, 2018 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.

Votes

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
community guidelines
Community Expert ,
Feb 27, 2018 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Explorer ,
Feb 27, 2018 Feb 27, 2018

Copy link to clipboard

Copied

Ah thank you!

Votes

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
community guidelines
Explorer ,
Feb 27, 2018 Feb 27, 2018

Copy link to clipboard

Copied

LATEST

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!

Votes

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