HTML

[masondb]

I have a website that is a simple slide show it plays on a tv. I need the slide show to update without refreshing. if there is a new slide show it can but if there is not in the 5 sec period then nothing will happen.

[metaldox]

you probably will need to use javascript or php. Can show the code. that might help too. :)

[João Severino]

The best way to do that is with javascript

You could use something like a counter to count the time and change the image

[masondb]

I am needing the website to update if there is a new slide show. Without refeshing the page.

[João Severino]

With javascript doesn't require refreshing the page check this playlist for more info

Also you could try AJAX which allows for refreshing a section of the page without having to refresh the entire page

Check his

for more information, it's a playlist from The New Boston youtube channel

[VolkovBrad67]

Use setInterval to call an asynchronous request every 5 seconds. In the callback function, update the section you want when required.

[masondb]

thankyou

[masondb]

Um I did HTML script when i was 7 out of a book and now am 14 may ask more questions

[VolkovBrad67]

HTML script... hum, I think you may need to take a look at some basic Javascript tutorials before you delve into more advanced Ajax / Asynchronous calls.

[loganryan99]

I'd recommend you learn JQuery, PHP, MySQL, and possibly more advanced HTML. The web is a very broad range of technologies, so it's all about what new things you can bring to the table, and the most effective way of delivering them.

[masondb]

yeah i'm more of a hardware guy sorry I didn't mean HTML Script I just meant HTML. I like João Severino idea though.

[masondb]

I don't really want to "learn it" sorry...I just need some basic code and some explanations. Thank you guys for all the help so far!

[Tim3Shift3r]

...

[João Severino]

...

In the future use code tags

[João Severino]

Slideshow

[masondb]

João Severino you are awesome man and Tim3Shift3r and so are you man thanks now do those auto update without refreshing?

[João Severino]

The code I showed I've tried and it changes the image and doesn't need to refresh the page but try it your self with a folder and a couple of images in it

[Tim3Shift3r]

João Severino you are awesome man and Tim3Shift3r and so are you man thanks now do those auto update without refreshing?

its sort of an internal system that keeps changing the source of the picture, and that lets the picture 'refresh' and not the entire page

[Gilkauss]

Here is something I've done recently. This is just a generic slider/rotator, you can just adjust the CSS to fit its size to your liking.

and your javascript. Be sure to have jQuery also included.

$(window).load(function() {

   $('#image-rotator img:not(:first)').hide();

   $('#image-rotator img').css('position', 'absolute');

   $('#image-rotator img').css('top', '0px');

   $('#image-rotator img').css('left', '50%');

   $('#image-rotator img').each(function() {

       var img = $(this);

       $('').attr('src', $(this).attr('src')).load(function() {

           img.css('margin-left', -this.width / 2 + 'px');

       });

   });


   var pause = false;


   function fadeNext() {

       $('#image-rotator img').first().fadeOut().appendTo($('#image-rotator'));

       $('#image-rotator img').first().fadeIn();

   }



   function fadePrev() {

       $('#image-rotator img').first().fadeOut();

       $('#image-rotator img').last().prependTo($('#image-rotator')).fadeIn();

   }


   $('#image-rotator, #next').click(function() {

       fadeNext();

   });


   $('#prev').click(function() {

       fadePrev();

   });


   $('#image-rotator, .button').hover(function() {

       pause = true;

   },function() {

       pause = false;

   });



   function doRotate() {

       if(!pause) {

           fadeNext();

       }    

   }


   var rotate = setInterval(doRotate, 5000);

});

[masondb]

I will post my results when I get to it. Will be working on it this weekend. Thnx to everyone for the help, it really helped a lot!!