Προς το περιεχόμενο

100% background image - css ή script ?

antonisid

Από τον antonisid
στο Web Design - Development

Προτεινόμενες αναρτήσεις

orotoi Mentor

orotoi

Δημοσ.
Δημοσ.

καλά ναι.. δεν είπα οτι λες να το κάνει ντε και καλά με φλας..

απλώς δε μπορώ να βλέπω αυτο το φλας να χρησιμοποιείται για πράγματα για τα οποία δεν είναι φτιαγμένο..

Πολλά πράγματα γίνονται με πολλούς τρόπους, τον καφέ τον ψήνεις και στο μάτι της κουζίνας και στο γκαζακι... αλλα προτιμάς το γκαζάκι.. :-Ρ

 

Τώρα για το animation στο background... σηκώνω τα χέρια ψηλα..

(κσι κάνω δεήσεις στο να σταματήσου να υπάρχουν... :-Ρ)

antonisid Crazy Insomniac

antonisid

Δημοσ.
  • Μέλος
Δημοσ.
Βρήκα λύση! Κοίταξε το site μου πάλι και αν αυτό θέλεις, πές μου να σου στείλω τον κώδικα!

 

Λυση εννοεις για να γινεται η ολη δουλεια απ το css στο body? Ναι για δώσε τον κώδικα :-D

antonisid Crazy Insomniac

antonisid

Δημοσ.
  • Μέλος
Δημοσ.

ευχαριστω για ολες τις απαντησεις. Το ψαχνω το θεμα , πολλα απ τα παραδειγματα τα χω ηδη δει ψάχνοντας στο google. Θα παω σε μια λυση που να περναει ως φόντο στο body και οχι σαν το Jquery supersized script που οι φώτος είναι μεσα σε image tag. :-) Αν και το συγκεκριμενο script είναι πολύ καλό...απλα θελω κυριως για εκπαιδευτικούς σκοπούς να το κάνω αλλιώς.

antonisid Crazy Insomniac

antonisid

Δημοσ.
  • Μέλος
Δημοσ.

Επανέρχομαι στο θέμα. Δείτε εδώ , στο δεύτερο post:

http://www.webdeveloper.com/forum/showthread.php?t=179562

 

Ο τύπος λεει οτι στο body δε γίνεται να κάνεις resize την φώτο. Λαμβάνοντας επίσης υπόψιν ότι όλα τα παραδείγματα που βλέπω ορίζουν την φωτογραφία μέσα σε divs ή img tags , να το ξεχάσω σαν ιδέα να περνάω την φώτο ως background στο body και να γίνεται resize?

routsounmanman Proficient

routsounmanman

Δημοσ.
Δημοσ.
Επανέρχομαι στο θέμα. Δείτε εδώ , στο δεύτερο post:

http://www.webdeveloper.com/forum/showthread.php?t=179562

 

Ο τύπος λεει οτι στο body δε γίνεται να κάνεις resize την φώτο. Λαμβάνοντας επίσης υπόψιν ότι όλα τα παραδείγματα που βλέπω ορίζουν την φωτογραφία μέσα σε divs ή img tags , να το ξεχάσω σαν ιδέα να περνάω την φώτο ως background στο body και να γίνεται resize?

 

Καλημέρα παίδες!

 

Σόρρυ που άργησα να κάνω Post αλλα έψαχνα και εγώ λύση για body background κτλ. Προς το παρόν ΔΕΝ γίνεται. Μόνο με τον μπακαλίστικο τρόπο του img ή div, στοιχεία δηλαδή που μπορούν να αλλάξουν δυναμικά με το μέγεθος του παραθύρου του browser...

 

><body>
    <div id="background">
         <img src="images/backgrounds".$pick." class="stretch" alt="roussouneloswebdesign" />
    </div>
    
    <div class="wrapper">
    [...]
    </div>
</body>

 

και το CSS:

 

>#background {

width: 100%; 
   height: 100%; 
   position: fixed; 
   left: 0px; 
   top: 0px; 
   z-index: 0;
}

.stretch {

   width:100%;
   height:auto;
}

div.wrapper{

background-attachment:fixed;
position:relative;
   z-index: 1;
width:1080px;
margin:20px auto;
text-align:center;

}

 

Αν θέλεις κάποια βοήθεια, εδώ είμαι.

routsounmanman Proficient

routsounmanman

Δημοσ.
Δημοσ.
Μήπως τελικά όμως , δεν είναι μπακαλίστικος ο τρόπος αυτός?

 

Το να βάζεις ένα wrapper με περιεχόμενο πα΄νω από ένα tag img μου φαίνεται το ίδιο κουλό αν όχι μπακαλίστικο με τα αρνητικά padding, τη χρήση του GET αντί του POST κτλ.

 

Σίγουρα δεν δημιουργεί πρόβλημα (τώρα) αλλά ποτέ δεν μπορείς να είσαι σίγουρος. Αν ο IE9 το βγάζει από κάτω εσύ τι θα κάνεις;

antonisid Crazy Insomniac

antonisid

Δημοσ.
  • Μέλος
Δημοσ.
Το να βάζεις ένα wrapper με περιεχόμενο πα΄νω από ένα tag img μου φαίνεται το ίδιο κουλό αν όχι μπακαλίστικο με τα αρνητικά padding, τη χρήση του GET αντί του POST κτλ.

 

Σίγουρα δεν δημιουργεί πρόβλημα (τώρα) αλλά ποτέ δεν μπορείς να είσαι σίγουρος. Αν ο IE9 το βγάζει από κάτω εσύ τι θα κάνεις;

 

Κοίταξε να δείς , ορθό το επιχείρημα σου.

 

Σκέψου όμως , ένας χρήστης ανάρτησε έναν σύνδεσμο με 80 σελίδες που έχουν full background image. Είδα σε μερικές τον κώδικα τους και είναι με τον τρόπο που χαρακτηρίσαμε "μπακαλίστικο" . Πολλές απ'αυτές τι σελίδες όμως είναι σε πολύ ψηλή βαθμολογία σε sites τύπου

http://www.csselite.com/ http://cssmania.com/

 

όπου εκτός από την εμφάνιση το κριτήριο είναι και ο καλογραμμένος κώδικας.

subatom Proficient

subatom

Δημοσ.
Δημοσ.

παιδιά χωρίς παρεξήγηση μόνο μπακαλίστικη δεν μπορείς να πεις την μέθοδο με τα divs/wrappers, πρόκειται για το μέλλον! δεν υπάρχει λόγος να προσπαθείς να προσθέσεις image στο body εφόσον μπορείς να δουλεύεις με layers όπως στο photoshop.

γράψε ενα καλό script (jquery) και θα έχεις το αποτέλεσμα που θες, όπως το θες και παίζοντας με z-index θα έχεις ένα πολύ ενδιαφέρων site άξιο ανταγωνισμού.

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...