I want my entry page to have several different images stored on file so that when someone visits it today it loads picture A. When they return tomorrow or later in the day it loads picture B and ect. Anyone know how I could do that?

How fancy do you want to get Jeffrey? Do you see yourself showing more then one image?

well i'm currently looking into trying to use some of your examples of Jquery but i'm finding it difficult to figure out how to download the latest version and implement it so i'm considering purchasing wow slider and making that work. I don't mind paying for something but the limitless possibilities of actually understanding the jquery interests me more.

I would like to be able to use at least 3-4 images in such a manner as described above.

I have a lot of use for such a slide show and the various aspects of Jquery that i'd really like to understand how to implement it on my own however because time is also money, hence why i started using coffee cup in the first place which is why i am leaning towards purchasing some products that may help speed the efforts. such as wowslider or similar based program.

If you want to switch your sliders based on days of week. then take a look at this thread.
I haven't tried it but it looks fine.
http://stackoverflow.com/questions/4313 … tain-dates

Is there somewhere you would recommed to figure out where best to begin learning the basics of implementing Jquery? for example when i look at some of the plug-ins they say 1.7+ the link on your page says 1.2.6

I understand it may seem basic to you but i'm not sure where to get started to pick myself up as i seem to be jumping head first into some of these which is a bit over my head to start. I can understand how to read the code but when it comes to knowing what version i have the issue.

for example when i go here http://jquery.com/download/

i'm lost at whether to download the uncompressed or compressed and when i click either link it simply shows me code.

unlike your link for the 1.2.6 which actually is a .zip file that i can extract. Which i have downloaded but i have not implemented yet because of the conflict i'm reading about needing 1.7+

also thank you for that link.. it's an interesting idea that i wouldn't mind playing with. More specfically to offer say sales on weekends which is indicated by a particular photo or vise versa.

in this instance you can see the entry page on my link with the motorcycle rider out in the desert. I would like that when you were to refresh it or possibly revisit at a later time it could reflects say a person riding a surfboard off a wave or whatever. essentially a different image with similar text link entry properties.

while the site is functional i'm still working on everything but feel free to poke around and get what i'm trying to accomplish.

www.empireseven.com

Here's a couple more examples.
http://www.dynamicdrive.com/forums/show … f-the-week
Most older scripts will run on newer versions of Jquery but not all newer scripts will run on older versions.
You can always use google hosted.
https://developers.google.com/speed/lib … ide#jquery

I'm up and moving in a positive direction thanks to you. greatly appreciated.

How do i change the physical size of the image.. for example using this code. The line in bold just changes the location and the other elements changes the banded box you have made for the text font. I want to reduce the size of the square and alter it's dimension to fit my sites needs.

<script type="text/javascript" src="jquery1.2.6.min.js"></script>
<script src="jquery.slideshow.js"></script>

<style>
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.slideshow { position: relative; }
.slideshow li { position: absolute; left: 0; top: 0; width: 500px; height: 332px; display: none; list-style: none; }
.slideshow li:first-child { display: block; }
.slideshow-2 { top: 0px; }
.slideshow-3 { top: 350px; }
.slideshow-3 li { height: 50px; font-size: 36px; background: #000; color: pink; text-align: center; }
.slideshow-4 { top: 350px; }
.slideshow-4 li { height: 50px; font-size: 36px; background: #000; color: blue; text-align: center; }
</style>

<script>
document.documentElement.className += 'js';
</script>

<script>
$(function() {
$('.slideshow').slideshow({ timeout: 8000, speed: 1000 });
$('.slideshow-2').slideshow({ timeout: 2000, speed: 2000 });
$('.slideshow-3').slideshow({ timeout: 4000, speed: 3000 });
$('.slideshow-4').slideshow({ timeout: 5000, speed: 4000 });
});

</script>