Highlighted picture

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

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

Απάντηση
bossy
Δημοσιεύσεις: 39
Εγγραφή: 18 Μάιος 2010 11:32

Highlighted picture

Δημοσίευση από bossy » 23 Φεβ 2011 09:03

Είδα την ανακοίνωση και πραγματικά μπράβο για τα βοηθήματα που έχουν μαζευτεί!! Αυτή τη στιγμή δουλέυω σε ένα site και θέλω να κάνω κάτι....που το χω σαν ι΄δέα αλλά δε ξέρω καν αν είναι πραγματοποιήσιμο!!! Θέλω να έχω μια ασπρόμαυρη εικόνα που όταν κάνω drag το ποντίκι να χρωματίζεται και να είναι clickable!
Όποιος μπορεί να με βοηθήσει θα το εκτιμήσω πολύ!
ΕΥΧΑΡΙΣΤΩ!

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

Highlighted picture

Δημοσίευση από EneMe » 23 Φεβ 2011 10:58

Θα φτιάξεις 2 εικόνες, ακριβώς ίδιων διαστάσεων, η μία ασπρόμαυρη και η άλλη έγχρωμη.

Μετά θα κάνεις ό,τι λέει εδώ: http://www.webdevelopersnotes.com/tutor ... cript.php3

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Highlighted picture

Δημοσίευση από dimsis » 23 Φεβ 2011 12:38


bossy
Δημοσιεύσεις: 39
Εγγραφή: 18 Μάιος 2010 11:32

Highlighted picture

Δημοσίευση από bossy » 23 Φεβ 2011 14:14

Eυχαριστώ πολύ μέχρι τώρα,δε ξέρω όμως αν αυτά που στείλατε είναι html!!!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Highlighted picture

Δημοσίευση από fafos » 23 Φεβ 2011 15:15

bossy έγραψε:Eυχαριστώ πολύ μέχρι τώρα,δε ξέρω όμως αν αυτά που στείλατε είναι html!!!
dhladh?
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Highlighted picture

Δημοσίευση από korgr » 23 Φεβ 2011 15:19

Αν δεν θες να "λερώσεις" τα χέρια σου με πράγματα έξω από την HTML, απλά θα φτιάχνεις πολύ πολύ περιορισμένα πράγματα. Η html είναι Markup Language. Για σημαντικά πράγματα χρειάζεται προγραμματισμός οπότε μην φοβάσαι την javascript

Αυτό που θες πάντως γίνεται και με css (ελπίζω να είσαι οκ by that)
Η html:

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

<div class="doubleState">
<a href="#">
<img src="blank.gif" width="100%" height="100%" border="0">
</a>
</div>
CSS:

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

.doubleState&#123;
width&#58; 200px;
height&#58; 200px;
background&#58; url&#40;myBWIamage.jpg&#41; no-repeat;
&#125;
.doubleState&#58;hover&#123;
background&#58; url&#40;myColoredImage.jpg&#41; no-repeat;
&#125;
Ισχύει για mouse over (κάτι έγραψες για drag)
Χρειάζεσαι ένα transparent gif (blank.gif)
Όπου myBWIamage.jpg η ασπρόμαυρη εικόνα
Όπου myColoredImage.jpg η έγχρωμη εικόνα
Όρισε το δικό σου πλάτος και ύψος στο css (όπου το 200px)

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Highlighted picture

Δημοσίευση από fafos » 23 Φεβ 2011 15:25

o tropos sou kontopatrioth einai lathos symfona me ta shmerina dedomena... xrhsimopoioume sprites (oxi anapsyktika :lol: ) gia tetoiou eidous effects..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Highlighted picture

Δημοσίευση από korgr » 23 Φεβ 2011 15:32

Άμα προσπαθούσα να αναλύσω την λογική των sprites θα έφευγε με ...1000 ο φίλος. Εδώ λίγη js προτείναμε και είδες τι έγινε :lol:

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Highlighted picture

Δημοσίευση από fafos » 23 Φεβ 2011 15:38

korgr έγραψε:Άμα προσπαθούσα να αναλύσω την λογική των sprites θα έφευγε με ...1000 ο φίλος. Εδώ λίγη js προτείναμε και είδες τι έγινε :lol:
an htan ena mikro eikonidio o tropos sou einai genika ok.. alla edo milaei gia photos kai to delay tha einai megalo... emeis pou mathame ta sprites eimaste pio exypnoi? na mpei ston kopo na ta mathei (an thelei)..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...


bossy
Δημοσιεύσεις: 39
Εγγραφή: 18 Μάιος 2010 11:32

Highlighted picture

Δημοσίευση από bossy » 23 Φεβ 2011 18:46

Aυτά τα sprites..δε μπορώ καν να φανταστώ τι είναι!! ότι ξέρω είναι αυτά που διαβάζω με δυκολία απτο w3schools.com!! Σκεφτείτε μια φωτογραφία που είναι έγχρωμη και όταν πας πάνω το ποντίκι χρωματίζεται και κλικάρεται,αυτό σκέφτομαι,τώρα δε ξέρω κατά πόσο είναι εύκολο!

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Highlighted picture

Δημοσίευση από korgr » 23 Φεβ 2011 18:51

bossy έγραψε:Aυτά τα sprites..δε μπορώ καν να φανταστώ τι είναι!! ότι ξέρω είναι αυτά που διαβάζω με δυκολία απτο w3schools.com!! Σκεφτείτε μια φωτογραφία που είναι έγχρωμη και όταν πας πάνω το ποντίκι χρωματίζεται και κλικάρεται,αυτό σκέφτομαι,τώρα δε ξέρω κατά πόσο είναι εύκολο!
Δηλαδή ούτε με τον τρόπο που σου έδειξα δεν μπορείς?
Γιατί πιο εύκολος δεν υπάρχει...

bossy
Δημοσιεύσεις: 39
Εγγραφή: 18 Μάιος 2010 11:32

Highlighted picture

Δημοσίευση από bossy » 23 Φεβ 2011 19:29

Δε δοκίμασα,απλά διάβασα αυτό για το delay!! Θα το προσπαθήσω ευχαριστώ!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Highlighted picture

Δημοσίευση από fafos » 23 Φεβ 2011 20:42

bossy έγραψε:Δε δοκίμασα,απλά διάβασα αυτό για το delay!! Θα το προσπαθήσω ευχαριστώ!
topika isos na mhn katalaveis to delay kai idiaitera an h photo einai mikrh se megethos.. des edo to delay pou kanei h photo aristera se sxesh me thn deksia pou einai me sprite kai den exei katholou delay:

http://istopoli.com/tuts/sprite/


to delay tha to katalaveis thn proth fora pou tha kaneis hover.. meta krata cache tis photos kai den to kanei...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

bossy
Δημοσιεύσεις: 39
Εγγραφή: 18 Μάιος 2010 11:32

Highlighted picture

Δημοσίευση από bossy » 23 Φεβ 2011 21:29

Είσαι κιλά ανώτερος που μου έκανες γρήγορη επίδειξη έτσι χαλαρά!! Σε μένα δεν είχε κανένα delay και το κανα πολλές φορές,ήταν το ίδιο και στα δύο! Η φώτο μου θα είναι αρκετά μεγαλύτερη και θέλω να έχει την αντίστροφη λειτουργία,εσένα πήγαινε από έγχρωμη άχρωμη,εγώ θέλω από άχρωμη σε έγχρωμη!!

Απάντηση

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

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

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