Replace flash with JQuery Cycle plugin on my website

Question

Hello,
I am hoping someone can help me with a little programming on my current website www.ci.guilford.ct.us
I am not a website developer so I am having some difficulty getting the down. I would like to replace my current flash content that scrolls through some photos with the JQuery Cycle plugin. With a lot of mobile devices not sporting flash I am leaning more toward this. Any help would be greatly appreciated and if there is anything else needed please let me know.
Thanks,
Tony

Answer 1

Well I got nailed by Adobe for my last post.
Here's how all of these jQuery effects plugins work.
They need to be in a div with a particular id or class. And you tell them, "put the thing there."
I still use a really old jQuery plugin that has been more than superseeded by Cycle. After I figured it out (and that took about two weeks) these plugins became really easy to understand.
So, let's look at Nancy's example:
She establishes a class in the style section (this might also be in your style sheet. It's called cycle-slideshow. It's in her document above with a period before it (which is how you define a class in CSS).
Now, in the HTML below, she creates the div:
<div class="cycle-slideshow" ...
Then she does a couple of commands to make cycle work:
... data-cycle-pause-on-hover="true"
     data-cycle-speed="2000">
Normally, I make these "pause-on-hover things "false" because, like in your own website, you simply want the images to show, one after another.
Then she does a bunch of images:
<img src= ...
Now, of course you have to call two things in your page to get everything to work. First, you need to call jQuery. I generally host my own copy of jQuery for each website, but it is perfectly fine to call one remotelly:
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
And you have to call the jQuery plugin, called Cycle:
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
If you are still having trouble, please respond to my message from yesterday by phone.