Slideshow not embedding correctly

User 2852878 Photo


Registered User
53 posts

I've been pretty active here lately it seems :D

Okay, so I completed a slideshow project and when I pasted the code to embed the slideshow, all it does is post a string of enlarged images stacked on top of one another with no animation or anything. This doesn't show up on mobile either as far as I can tell.

I'm certain infollowed the instructions to a T.
User 2699991 Photo


Registered User
5,077 posts
Online Now

Jonathan W wrote:
I've been pretty active here lately it seems :D

Okay, so I completed a slideshow project and when I pasted the code to embed the slideshow, all it does is post a string of enlarged images stacked on top of one another with no animation or anything. This doesn't show up on mobile either as far as I can tell.

I'm certain infollowed the instructions to a T.


Sounds like the files required to run RCS arn't in your resources or the link to them isn't there in the header of the page
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 posts
Online Now

On the page that you have inserted the slider, go to "Settings" panel

In the "Head" section there should be something like

<!--% Start of the headers for CoffeeCup Responsive Content Slider %-->
<link href="cc-slideshow-fd8f329e/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script>
<script src="cc-slideshow-fd8f329e/js/picturefill.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans">
<link rel="stylesheet" href="cc-slideshow-fd8f329e/css/main.css">
<script src="cc-slideshow-fd8f329e/js/jquery-1.8.2.min.js"></script>
<script src="cc-slideshow-fd8f329e/js/revolver.min.js"></script>
<script src="cc-slideshow-fd8f329e/js/slideshow.js"></script>
<!--% End of the headers for CoffeeCup Responsive Content Slider %-->(different slide show name of course)

In your resources there should be a folder "CC-Slideshow-(name of slideshow) inside this folder all all the files required to run RSC

If it's not showing at lower breakpoints (mobile first) it is possible that you haven't populated the HTML element with the embedding code. (possible not for sure) at those lowest points
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2852878 Photo


Registered User
53 posts

It worked!!! :D
User 2699991 Photo


Registered User
5,077 posts
Online Now

Jonathan W wrote:
It worked!!! :D
I'm certain infollowed the instructions to a T.


what worked ???
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2852878 Photo


Registered User
53 posts

The slideshow embedded correctly.
User 2886813 Photo


Registered User
1 post

I am trying to insert a slider in responsive foundation. I follow the instruction, when I preview the page in browser it does not show the slider. It shows the stacked text of each slider but not the slider. Will the slider work in preview on mode when trying to view in explorer or chrome.
User 2699991 Photo


Registered User
5,077 posts
Online Now

Bryan Parker wrote:
I am trying to insert a slider in responsive foundation. I follow the instruction, when I preview the page in browser it does not show the slider. It shows the stacked text of each slider but not the slider. Will the slider work in preview on mode when trying to view in explorer or chrome.


Have you inserted the slider files into resources? & the cc slider gubbins into the header?
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 187934 Photo


Senior Advisor
20,239 posts

Hi Bryan,
Sounds like a Jquery conflict. Are the slider scripts in the footer? Try placing them there and leave out the jquery script link. If you can share a link we can look at it for ya.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.