HTML box (Body & Header)

User 2124479 Photo


Registered User
9 posts

Hello !

I know my version of CC is no longer supported but I hope somebody will help me out since it is, for you all at least, a simple question. I found a script that allows images to slide into a page from left to right. I tried it but can't get it going. What part of the script goes into the BODY and which part goes into the HEADER part of the HTML box ?

I have added the Jquery script and the images to the website.

See the script below.

Thanks in advance !


<!doctype html>
<head>
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>

<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
</head>
<body>
<div id="slides">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
</div>
</body>
User 187934 Photo


Senior Advisor
20,186 posts

Can you share a link to your page that your testing on.
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 122279 Photo


Senior Advisor
14,450 posts

Did you also download the file jquery.slides.min.js and placed it in the same folder as the html file?

The scripts can stay where they are.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2124479 Photo


Registered User
9 posts

Hello !

Thanks Eric and Inger for responding !

@Inger: Yes, the script is in the same folder as the HTML file.
@Eric: Here is the page:
http://www.lovelyholland.nl/SlideInRight.html

Regards,

Servaas.
User 122279 Photo


Senior Advisor
14,450 posts

Have you fixed it? I see the banknotes you are displaying. Maybe you have to clear the browser cache.
There seem to be no auto-play, but that can be set in the script. I think perhaps some css file might be missing, the 'previous/Next and the bullets don't look 'finished'

Off topic:
How come the map on those Euro notes includes Norway? We are outside of EU and the Euro zone! ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,186 posts

Looks to be working in my browser.
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 2124479 Photo


Registered User
9 posts

Hey Inger !

I came a step further and you're right. The images are not moving and it looks weird. Also, the images are much bigger than I defined. Yep, something is missing, I guess. Do you perhaps know a script that can slide in an image from left to right or vice versa ?

About the Euro banknote. Norway along with other countries too. Funny...

Thanks for your help !

User 122279 Photo


Senior Advisor
14,450 posts

When I was checking the code for you yesterday, I found the site where you got the it from. They have various additions to the script that makes the slider run automatically. Otherwise Coffeecup has a programme called Responsive content slider with much more options than the one you found.
I don't know what programme you are using to build your site, but if you are using a code editor, you could check out the two grid systems Bootstrap and Foundation. They both have a slider component which is easy to use.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,186 posts

There's lots of example here.
http://www.slidesjs.com/
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 2124479 Photo


Registered User
9 posts

Hey Eric & Inger !

I found the website too ! This will help me to figure it out.
Thanks for all your help guys !!!!!!!!!!!!

Regards,

Servaas.

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.