Hi all! I am feeling a little out of my depth (not much new here then,lol!) today. I would like to replace a static image on my home page with a series of fade in/out images. Does this snippet of code make sense to any of you and how would I place this into the existing html of the page? Ps; sorry about this, you all seem to know so much more about this than me!)

 

$('#placeholder').crossSlide({

sleep: 2,

fade: 1

}, [

{ src: 'purpleflora.jpg' },

{ src: 'bathoils.jpg' },

{ src: 'lavender-field.jpg' },

{ src: 'marigolds.jpg' }

]);

You'll find the answers here.

Thanks for that; it is a little more enlightening - I was just wondering if this script would work if I tried using the google api jquery library and how to do it.

Find this line

<script src="jquery.min.js"></script>

 

and replace with this one

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

 

That will hook the page up to the jQuery library hosted by Google

Thanks, I will try it. That sounds like what I have been looking for; two days ago I had never even heard of jquery so it is sometimes a little tricky identifying the right bits of info by yourself! The only other thing vexing me right now is that I can't see how the images would repeat! I need them to continue changing from one to another, to another etc - like on a loop - but I can't find a clear answer anywhere about this. I have read it mentioned that I would need a particular plugin for this???!!!???What that is and what on earth i'd do with it are beyond me - Clueless,lol!

a similar option http://jquery.malsup.com/cycle/

Thanks for your help guys; you have pointed me in the right direction. Just one more thing though; the cycle plugin...(i am about to show my self up now,lol!) when i download it where do i install it?