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!
T J
Registered User
105 posts
Eric Rohloff
Senior Advisor
20,261 posts
Online Now
Depends on how fancy you want to get.
http://progrower.coffeecup.com/jqueryslideshow.html
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
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
T J
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/
http://tarajohnson.coffeecup.com/
Eric Rohloff
Senior Advisor
20,261 posts
Online Now
Remove the html that you pasted into the html box and replace it with this.
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.
<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>
<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
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
Eric Rohloff
Senior Advisor
20,261 posts
Online Now
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.
Change it to this.
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">
<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">
<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
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
T J
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?
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?
Eric Rohloff
Senior Advisor
20,261 posts
Online Now
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>
<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
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
T J
Registered User
105 posts
Thanks!
Eric Rohloff
Senior Advisor
20,261 posts
Online Now
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
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
Jason Seibold
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
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.
