Φόρτωση διαφορετικής εικόνας κάθε φορά που κάποιος μπαίνει στην σελίδα

**arkara** · 26-09-10, 23:14

Έχω γράψει αυτόν τον κώδικα:

Κώδικας:

<script type="text/javascript">
function changeSrc()
  {
  var source = Array(3);
source[0] = 'img1.jpg';
source[1] = 'img2.jpg';
source[2] = 'img3.jpg';

var image=document.getElementById("logo");
image.setAttribute(src,source[Math.round(Math.random()*2)]);

  }

</script>

και η εικόνα φορτώνεται έστι:

Κώδικας:

<div>
  	<img id="logo"  onload="changeSrc()" src=img1.jpg alt="open-source-logo"/>
</div>

Αλλά δεν παίζει, μπορεί κάποιος να με βοηθήσει?

**nikospara** · 27-09-10, 09:10

Καλημέρα,

Το img δεν έχει onload, το body έχει. Οπότε θα καλείς τη συνάρτησή σου ως:

< HTML:

<body ... onload="myfunc()">

Τώρα με αυτό που έχεις κάνει θα φαίνεται η πρώτη εικόνα πάντα και ξαφνικά θα αλλάζει... εμένα δε θα μου άρεσε. Με το παρακάτω (στο περίπου) γλιτώνεις:

< HTML:

<div id="randomImgContainer"></div>

<script>
function myfunc() {
  var source = ["img1.jpg", "img2.jpg", ...];
  var d = document.getElementById("randomImgContainer");
  var im = document.createElement("IMG");
  im.src = [ο κώδικας με το random]
  d.appendChild(im);
}
</script>

Αν έχεις φροντίσει με CSS το μέγεθος του div να έιναι ίδιο με των εικόνων θα έχεις καλό οπτικό αποτέλεσμα.

Από την άλλη, αν κάποιος έχει απενεργοποιημένη Javascript έχασες. Κάτι τέτοια ίσως είναι καλύτερα να γίνονται server-side.

Καλή επιτυχία!

Θέμα: Φόρτωση διαφορετικής εικόνας κάθε φορά που κάποιος μπαίνει στην σελίδα

Παρόμοια Θέματα

Σφάλμα κάθε φορά που δίνω εκτύπωση

Καινούριο σύστημα κάθε φορά που το ανοίγω κολλάει

Κόβεται το internet καθε φορά που ανοίγω το pc.

Μπλε οθονη καθε φορα που γραφω DVD

Πρόβλημα κάθε φορά που ανάβει ο Η/Υ (solved)

Bookmarks

Bookmarks

Δικαιώματα - Επιλογές