Javascript and CSS Questions

User 1904569 Photo


Registered User
29 posts

I tried to add a Javascript slideshow using the directions on Eric's website - http://progrower.coffeecup.com/jqueryslideshow.html , but apparently I am in enempt in following directions because I cant get it working and I am not sure why, Im sure it is something simple that I am forgetting to do. For whatever reason it is showing the last image in the slide show and the script is also showing up on the page. you can see what I mean here - http://www.chcabinetry.com/test.html

Also, another problem that I am having is concerning my links. I added an colorbox to one of my pages but my global settings for the color of my text links are being overritten. I am assuming it is something in the CSS but I am not sure what. If you go to my home page you will see what my text links in my header are supposed to look like and here is the page where my colorbox is with the different links settings - http://www.chcabinetry.com/GalleryKitchens.html

(P.S. Eric thanks for providing such a great website full of tips ;) )
User 187934 Photo


Senior Advisor
20,271 posts

looks like when you copied and pasted the code it picked up some extra spaces that need to be removed.
In your slide show images you will see this,
< img
make it this
<img
Same thing for a couple of the scripts
< script type="text/javascript">
make it this
<script type="text/javascript">
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
User 1870919 Photo


Registered User
61 posts

I need some help with SCCP and a jQuery slideshow. I am using a drop down menu system with the SCCP template. I put the slideshow on the home page. The problem is with the z-index but I am not sure how to fix it. I had it working once and then I goobered and couldn't get back to where I was (no I didn't back up the file...dumb, I know). The problem is that the drop down menu works fine with the first slide, but then when the slideshow transitions to the next slide, the drop down menu fades behind it.

websbycheryl.com/testfour/shop

If anyone can please help, I would appreciate it.
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

You may have to alter the shop css. Try putting the slideshow in a separate html page then use an iframe to load the show.
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
User 1870919 Photo


Registered User
61 posts

Ok. I'll take a look at that. Another option I just discovered I have is to turn off the javascript and make the slideshow a pure css slider. I'm wondering if this might make it easier to edit and maybe easier to fix the problem.

At least I have a couple of things to try. Thank you for your advice. I will post what I did when I get to it.
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

I did a proof of concept for the Iframe here.
http://progrower.coffeecup.com/shop/vie … groupid=31
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
User 1870919 Photo


Registered User
61 posts

Thank you. That helps. I hate to admit it, but I don't know much about iframes.
Cheryl
User 1870919 Photo


Registered User
61 posts

If I put it in the iframe, can I also have more control about placement on the page? ie, I had to edit the css file of the slidesow to get it to move over and line up with the rest of the objects on the page. No easy task since I really don't know css, I just guessed and it worked (after hours of cursing). I even ended up removing the background image that was supposed to enhance the photos because I couldn't figure out how to move that over like I did the photos. So, I just edited the photos in photoshop and added a background to each one. Easier for me to do than spending hours trying to figure out how to edit the css.

I was able to have the slideshow working with the menus properly at one time by editing the z-index in two of the slideshow files, one of which was a css file and the other is their proprietary file (wowslider). For some reason, it isn't working when I had to redo everything after I goobered.

I will see if I can figure out how to employ an iframe. Can you point me in the direction of some instruction on the issue? (this is why I use the visual site designer, etc. from CoffeeCup...because I don't know enough code yet).
Cheryl
User 2073552 Photo


Registered User
1,625 posts

http://progrower.coffeecup.com/iframe.html

This is from Eric's site. Take a look it should help you out.
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
User 1870919 Photo


Registered User
61 posts

Thank you. I will take a look and try it.
Cheryl

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.