Elxis CMS Forum

Ελληνικό Forum => Εγκατάσταση => Topic started by: iras on February 19, 2008, 21:34:58

Title: radom image
Post by: iras on February 19, 2008, 21:34:58

Δεν ξέρω αν γίνετε το radom image να μπει στο head του site , και αν είναι εύκολο να γίνει.
Αν κάποιος το έχει κάνει και μπορεί να βοηθήσει ... Ευχαριστω.

Title: Re: radom image
Post by: datahell on February 19, 2008, 22:48:58

Όπου θες το βάζεις. Το που θα εμφανίζεται ένα module εξαρτάται από την θέση του (left, right, top, header Κλπ). Άλλαξε τη θέση (από τη σελίδα επεξεργασίας των παραμέτρων του Module) και θα εμφανίζεται αλλού.

Title: Re: radom image
Post by: iras on February 20, 2008, 10:20:53

Σωστά αυτό το είδα αλλά ήθελα συγκεκριμένα εδω

/* template's header */
#oktoheader {
   text-align:left;
   background: #78A1BB url(../images/elxislogo.jpg) no-repeat top left;

στην θέση το elxislogo να έχω 4-5 photos και με κάθε κλικ να εμφανίζεται μια τυχαία.

Title: Re: radom image
Post by: ArXoS on April 09, 2010, 01:15:26

Ξεχασμένο θέμα, αλλά μιας και ασχολήθηκα και βρήκα μια καλή λύση, ας την γράψω να υπάρχει ..

Αρχικά δοκίμασα να φορτώσω το random module στη θέση του header. Αυτό όμως, καθυστερούσε αισθητά τη φόρτωση του κάθε header (φόρτωνε η κεφαλή μετά από όλη τη σελίδα, ανεξάρτητα με το μέγεθος της εικόνας και ήταν άσχημο)
Δοκίμασα να βάλω τους headers σε ένα φάκελο, έστησα μέσα σε αυτόν διάφορα php random images σκριπτάκια που κυκλοφορούν στο διαδίκτυο, και το καλούσα μέσα από το css κάπως έτσι :

#header {
background:url(../random/random.php) no-repeat;

Ό,σα scripts και να δοκίμασα, πάντα είχα το ίδιο αποτέλεσμα : αισθητή καθυστέρηση του φορτώματος του header - ήθελα βασικά ο header να είναι ο πρώτος που θα εμφανίζεται όταν πάει να φορτώσει η σελίδα, και όχι ο τελευταίος, και ήταν επόμενο γιατί όλες οι παραπάνω μέθοδοι σκανάρουν τον φάκελο, ελέγχουν, φιλτράρουν και μετά φορτώνουν ..


Έκανα λοιπόν κάτι άλλο :

μέσα στο customise.css έβαλα 3-4 #headers

Code: [Select]

#header-1 {
background:url(../random/header1.jpg) no-repeat;

#header-2 {
background:url(../random/header2.jpg) no-repeat;

#header-3 {
background:url(../random/header3.jpg) no-repeat;

#header-4 {
background:url(../random/header4.jpg) no-repeat;
και εκεί που φορτώνεται ο header στο index.php του template το άλλαξα σε :

Code: [Select]

<?php $h=rand(1,4); ?>
<div id="header-<?php print $h;?>">
</div>
Με αυτό τον τρόπο, όσο φορτωμένες και να είναι οι εικόνες μου, φορτώνουν πρώτα αυτές  :D :D

το προτείνω   ;)