Javascript and CSS Questions - Post...

User 1870919 Photo


Registered User
61 posts

I even employed scrolling. The rest of the image just isn't showing up no matter what.
Cheryl
User 2147626 Photo


Ambassador
2,958 posts

Cheryl, I went and looked at your .css file with the wowslider settings. It is
#wowslider-container1 .ws_images{
position: relative;
left:-35px;
padding:10;
top:9px;
width:823px;
height:468px;

The size looks ok but I don't know enough about the 'padding' settings. You might try playing with these settings to see if it makes any difference. Paintbrush was right, the pic needs to display at the top left of the iframe and the iframe needs to be big enough for the graphic. Good luck.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com
User 1870919 Photo


Registered User
61 posts

I'll throw in another mystery. I tested the html page I created with the slideshow on it in preview on the html editor and it was fine. But, uploaded to the site, it isn't. websbycheryl.com/tester/shop/slideshowpage.html

Ugh. I feel like such a dummy!
Cheryl
User 1870919 Photo


Registered User
61 posts

I have no idea what happened, but now all of a sudden it is working the way it should. Not sure what I did.
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

Edit.
Never mind you got it.:)

Looks awesome.:cool:
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 271657 Photo


Ambassador
3,816 posts

I was wondering if there might be some styles on the page that are interfering (margins, padding...), but it looks like you got it figured out. :)
Mind telling us what you found?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 1870919 Photo


Registered User
61 posts

I would love to tell you what I did to get it all working, but I have no idea. One thing I do know is that Eric is right that the iframe has to be at least the same size as the images if not a little larger. Also, I think I may have forgotten to re upload the rest of the slideshow files which contained all the css and javascript files. I just went through the files and re uploaded all the related files to the server. So, between the proper size for the iframe and making sure all the uploaded files were current, I think that solved the problem. (I think)
Cheryl
User 1870919 Photo


Registered User
61 posts

This experience has helped me to see that the iframe is a handy tool for customizing SCCP. Even though I had some issues, I was learning how to use it. You never do it perfectly the first time, but practice makes perfect. This is another tool for my tool belt. Thanks Eric!
Cheryl
User 187934 Photo


Senior Advisor
20,271 posts

I was looking at and altering your css for your slider and you changed it just after I loaded the page. I grabbed one section of the css to show you what to change then went back and refreshed to grab the other and you had made the change without my help. That's awesome! You learned something and it makes you more confident to take on more customizations.;)
The all mighty iframe makes running php scripts on pages that you wouldn't normally be allowed to. I make use of them on several examples in my CC test shop.:cool:
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.