Το φόρουμ μας εξελίχθηκε σε https://kairos.snowguide.gr/
 Επισκέψου το, επέλεξε πως θες να συνδεθείς - Facebook, Twitter, Google ή Yahoo ή Github - και πες τη γνώμη σου.

Author Topic: εύκολο script για αυτόματη ανανέωση εικόνας  (Read 1392 times)

0 Members and 1 Guest are viewing this topic.

Offline MetFM

  • Hero Member
  • ****
  • Posts: 25120
  • snowguide.gr
με ενα πολύ ευκολο script μπορούμε στην ιστοσελίδα μας να έχουμε αυτόματη ανανέωση σε μια εικόνα σε χρόνο που έχουμε εμείς ορίσει χωρίς να ανανεώνεται ολόκληρη η ιστοσελίδα.με το που φορτώνεται η ιστοσελίδα θα εμφανίζεται η τελευταία εικόνα και μετά η ανανέωση θα είναι αυτόματη.αυτό γίνεται με 2 απλά βηματα

1:  προσθέτουμε τον link της εικόνας μας στην html σελίδα μας


Code: [Select]
<img  src="η διέυθυνση της εικόνας μου" id="tcimage0" alt="Image">
μετά προσθέτουμε και το script

Code: [Select]
<script>          var tcimages = new Array();     tcimages[0] = "H διεύθυνση της εικόνας μου";     interval = 30000;      function Refresh() {       for (i=0; i<=0; i  ) {         tmp = new Date();         tmp = "?"   tmp.getTime();         document.images["tcimage"   i].src = tcimages[i]   tmp;       }       setTimeout("Refresh()", interval);     }      Refresh();      </script>
το νούμερο 30000 είναι ο χρόνος που θέλουμε να έχουμε την αυτόματη ανανέωση. 30000 είναι 30 δευτερόλεπτα. αν θέλουμε ανανέωση ανά 5 δευτερόλεπτα θα βάλουμε 5000.

το script αν θέλουμε να είναι στην html σελίδα μας θα το βάλουμε ως έχει. αν το βάλουμε σε φάκελο ως εξωτερικό θα το βάλουμε χωρίς τα <script></script>.

για ταχύτερη φόρτωση ιστοσελίδων όσον αφορά τα script , πρέπει να έχουμε υπόψη μας ότι αυτά τοποθετούνται στο κάτω μέρος της ιστοσελίδας ακριβώς πάνω από το </body>.
και επίσης είναι προτιμότερο να έχουμε εξωτερικά script στον σέρβερ και στην ιστοσελίδα μας να εχουμε links προς αυτά στον σέρβερ. πχ


<script src=scripts/jquery.js></script>