Μια βοήθεια! [preloader]

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
nikolaoy
Δημοσιεύσεις: 12
Εγγραφή: 21 Νοέμ 2005 21:13

Μια βοήθεια! [preloader]

Δημοσίευση από nikolaoy » 06 Φεβ 2006 18:50

Μέχρι να ανοίξει η ιστοσελίδα μου χρειάζονται μερικά δευτερόλεπτα.
Πώς μπορώ να τοποθετήσω μια σελίδα όπου μετράει με κάποια μπάρα και μάλιστα με ποσοστά έως ότου να ανοίξει η κανονική σελίδα;

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Μια βοήθεια! [preloader]

Δημοσίευση από skeftomilos » 06 Φεβ 2006 21:56

Αν δεν είναι flash τότε μάλλον δεν υπάρχει τρόπος να εμφανιστεί progress indicator. Αλλά κι αν υπάρχει είναι ντεμοντέ αυτές οι προσεγγίσεις στις μέρες μας. Μία progress bar που αυξάνει αργά-αργά από το 5% στο 10% δεν πείθει τον χρήστη για το πόσο εκθαμβωτικό είναι αυτό που θα δει σε λίγο. Μάλλον τον πείθει ότι έχει και άλλες δουλειές να κάνει, π.χ. να πατήσει back και να πάει να δει κανένα άλλο site.

Καλύτερα να εξετάσεις αν υπάρχει τρόπος θεραπείας της ασθένειας και όχι του συμπτώματος. Υπάρχουν πολλά που μπορούν να γίνουν για να ελαφρύνει μία σελίδα:

- Διαγραφή του περιττού HTML markup.
- Αποφυγή των επαναλήψεων στο HTML markup, με χρήση CSS.
- Αφαίρεση κενών και χαρακτήρων αλλαγής γραμμής.
- Συμπίεση gzip.
- Εξωτερικά αρχεία CSS και JS.
- Αποφυγή ογκωδών βιβλιοθηκών JavaScript.
- Επιλογή του κατάλληλου format για τις εικόνες και optimizations όπως μείωση αποχρώσεων στα GIF/PNG και compression στα JPEG.
- iso-8859-7 αντί για utf-8
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

nikolaoy
Δημοσιεύσεις: 12
Εγγραφή: 21 Νοέμ 2005 21:13

Μια βοήθεια! [preloader]

Δημοσίευση από nikolaoy » 07 Φεβ 2006 13:39

Ευχαριστώ πολύ για τις πληροφορίες.

Θα προσπαθήσω μήπως και καταφέρω κάτι.

Άβαταρ μέλους
addicted_kat
Δημοσιεύσεις: 18
Εγγραφή: 15 Οκτ 2006 17:23

Μια βοήθεια! [preloader]

Δημοσίευση από addicted_kat » 07 Φεβ 2007 02:05

μόνο οι αλχημείες σώζουν :-)))
πχ όπου υπάρχουν photos να μπαίνουν στα tables swf (με preloader)
Εικόνα

ποτέ μην λές ποτέ ...

Άβαταρ μέλους
pro1965
Δημοσιεύσεις: 30
Εγγραφή: 07 Φεβ 2007 13:02

Μια βοήθεια! [preloader]

Δημοσίευση από pro1965 » 07 Φεβ 2007 20:51

Αυτο που ζητάς λύνετε ευκολα αλλα πολύ ευκολα με javascript.
σε 4 γραμούλες κώδικα.

emphasy
Honorary Member
Δημοσιεύσεις: 4303
Εγγραφή: 16 Ιαν 2005 10:31

Μια βοήθεια! [preloader]

Δημοσίευση από emphasy » 07 Φεβ 2007 22:11

Μπορείς να τις δώσεις κιόλας;;; Πάντως θυμάμαι κάτι τέτοιο στην προηγούμενη version του dubtastic.com...

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

Μια βοήθεια! [preloader]

Δημοσίευση από EneMe » 07 Φεβ 2007 23:25

Κώδικας: Επιλογή όλων

<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original&#58; Gilbert Davis -->
<!-- Begin
function loadImages&#40;&#41; &#123;
if &#40;document.getElementById&#41; &#123; // DOM3 = IE5, NS6
document.getElementById&#40;'hidepage'&#41;.style.visibility = 'hidden';
&#125;
else &#123;
if &#40;document.layers&#41; &#123; // Netscape 4
document.hidepage.visibility = 'hidden';
&#125;
else &#123; // IE 4
document.all.hidepage.style.visibility = 'hidden';
&#125;
&#125;
&#125;
// End -->
</script>
</head>

<body OnLoad="loadImages&#40;&#41;">

<!-- PRELOADER -->

<div id="hidepage"
style="position&#58; absolute;
left&#58;0px;
top&#58;0px;
background-color&#58; #253E6C;
layer-background-color&#58; #253E6C;
height&#58; 100%;
width&#58; 100%;">

<table height="100%" width="100%" align="center">
<tr><td valign="middle" align="center">
Page loading ... Please wait
</td></tr></table>

</div>
Bρήκα αυτό, δεν ξέρω αν κάνει...

Άβαταρ μέλους
addicted_kat
Δημοσιεύσεις: 18
Εγγραφή: 15 Οκτ 2006 17:23

Μια βοήθεια! [preloader]

Δημοσίευση από addicted_kat » 08 Φεβ 2007 00:02

τέλειο!!!!
το δοκίμασα και τρεχει μια χαρά ο preloader
Εικόνα

ποτέ μην λές ποτέ ...

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Μια βοήθεια! [preloader]

Δημοσίευση από skeftomilos » 08 Φεβ 2007 01:45

Κώδικας: Επιλογή όλων

document.layers ???
document.all ???
<SCRIPT LANGUAGE="JavaScript"> ???
<!-- Begin ???

Ο κώδικας - Σνιφ! - μυρίζει φορμόλη. Μη σκαλίζετε τα νεκροταφεία παρακαλώ, ενοχλείτε τα φαντάσματα. :D
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.


Άβαταρ μέλους
addicted_kat
Δημοσιεύσεις: 18
Εγγραφή: 15 Οκτ 2006 17:23

Μια βοήθεια! [preloader]

Δημοσίευση από addicted_kat » 08 Φεβ 2007 18:12

lol@fantasma
για την ηλικία του μια χαρά "τρέχει"
Εικόνα

ποτέ μην λές ποτέ ...

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες