Photo Slideshow - Post ID 217913

User 2432550 Photo


Registered User
105 posts

I want to put a picture slideshow onto a VSD page, and am wondering how I should be doing this. Should I buy a program that will create slideshows (like WOW Slider for ~$50)? Or is it fairly simple to put in a slideshow html coding inside VSD?
Thanks!
User 187934 Photo


Senior Advisor
20,181 posts

Depends on how fancy you want to get.:)
http://progrower.coffeecup.com/jqueryslideshow.html
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 2432550 Photo


Registered User
105 posts

Ok thanks. I followed your directions for the slideshow, but am having trouble. Would you mind taking a look?
http://tarajohnson.coffeecup.com/
User 187934 Photo


Senior Advisor
20,181 posts

Remove the html that you pasted into the html box and replace it with this.
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<style type="text/css">
.pics { height: 382px; width: 557px; padding:0; margin:0; overflow: hidden }
.pics img { height: 350px; width: 525px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }
.pics img {
-moz-border-radius: 10px; -webkit-border-radius: 10px;
</style>
<script type="text/javascript">
$('#slideshow').cycle({
fx: 'fade',
timeout: 2000,
speed: 2000,
autostop: 1,
});
</script>

For some reason when users copy some of my codes it puts some spaces in the script where it doesn't belong. I removed them for you on the above code.
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 187934 Photo


Senior Advisor
20,181 posts

Ok now you need to alter the script a little more because the files were added to the root of your site instead of a folder named js.
This is how it is in your html box.
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js">


Change it to this.
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js">
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 2432550 Photo


Registered User
105 posts

Thank you :) It seems to be showing up now, but not sliding thru the pictures. Maybe the coffeecup preview doesn't show it? Or am I still off in the code somewhere?
User 187934 Photo


Senior Advisor
20,181 posts

Yup. You left an extra j on there.;)
<script type="text/javascript" src="jjquery.min.js"></script>

<script type="text/javascript" src="jquery.min.js"></script>
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 2432550 Photo


Registered User
105 posts

:) Thanks!
User 187934 Photo


Senior Advisor
20,181 posts

looks good!:)
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 2592917 Photo


Registered User
8 posts

I'm having a problem as well with the jqueryslideshow, I copied the code from your powergrower link. That got the pictures on the page but one on top of the other, then I found this disscussion and I recopied the code above for the header. I still seem to have a problem, now no pictures on the sdrive site. Can you point me in the right direction? http://jseibold.coffeecup.com/

Thank you

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.