Placing a Responsive Content Slider...

User 187934 Photo


Senior Advisor
18,016 posts
Online Now

Try removing the jQuery link you added to the top and move all of the other scripts to the footer area in RSD.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 2823310 Photo


Registered User
312 posts

What I think is happening is the slider js' are being called after the tab loads so Eric is correct the css and styles in the head and the scripts in the footer. So this may work?
Also the lengthy load time may be from the duplicated scripts plus the amount of them being loaded up front, plus all the images of course on one page which are I think are also being pre-loaded.

These go in the head
/* Menu styles */
<link rel='stylesheet' type='text/css' href ='itsnitz-menu/stylesheets/menu_builder.css'/>
<link rel='stylesheet' type='text/css' href ='itsnitz-menu/stylesheets/style.css'/>
/* Slideshow styles */
<link href="cc-slideshow-rectangles/css/slideshow.css" rel="stylesheet">
<link rel="stylesheet" href="cc-slideshow-rectangles/css/main.css">

These go in the footer
/* Menu scripts */
<script type="text/javascript" src="itsnitz-menu/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script type="text/javascript" src="itsnitz-menu/js/tinynav.js"></script>
<script type="text/javascript" src="itsnitz-menu/js/mb.js"></script>
<script type="text/javascript" src="itsnitz-menu/js/off-canvas.js"></script>
/* Slideshow scripts */
<script src="cc-slideshow-rectangles/js/revolver.min.js"></script>
<script src="cc-slideshow-rectangles/js/slideshow.js"></script>

Foundation has a jQuery library included and RSD adds the font call plus a polyfill
User 462989 Photo


Registered User
30 posts

Thank you to each of you who have taken the trouble to advise me and give ideas. I really appreciate it.
I have implemented, in turn, each of the solutions that you proposed yesterday/day before.
None of them actually worked - but this is most likely me, in my inexperience, that I have implemented wrong, and certainly not the advice/code that you have given me!
Website Insight also indicates that the page is too big, too many pictures, too many requests etc. so I feel it is time for me to reconsider my design!
Thanks again.
Nick
User 244626 Photo


Registered User
529 posts
Online Now

Another approach could be to load the html of each slideshow into a common div using ajax or jquery load when each tab was selected. (Sometimes I dont give up on a idea.....6 months from now who knows ? or 9 months etc...)

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.