Jump to content



Ερώτηση για κάποιο pop-up box και την ενσωμάτωσή του σε μία ιστοσελίδα


nickstamat

Recommended Posts

Καλησπέρα!

Άρχισα να ασχολούμαι με τη δημιουργία απλών ιστοσελίδων με μόνο εργαλεία τα Dreamweaver & Photoshop και την όρεξή μου για να μάθω.

Χρειάζομαι μια βοήθεια. Έχω μια λίστα με ονόματα ανθρώπων και θέλω να κάνω το εξής: κάνοντας κλικ ή περνώντας τον κέρσορα πάνω από κάποιο όνομα, να εμφανίζεται δίπλα με όμορφο τρόπο ένα πλαίσιο που θα δείχνει πιθανόν μια φωτογραφία και ένα-δυο βιογραφικά στοιχεία (τίτλοι σπουδών κτλ.).

Στην παρακάτω εικόνα, το γαλάζιο πλαίσιο δείχνει πώς το φαντάζομαι και θα ήθελα να είναι.

Υπάρχει κάτι τέτοιο? Δεν ξέρω πώς να το ψάξω... Κάποια flash εφαρμογή ίσως? Τα φώτα σας παρακαλώ... Ευχαριστώ πολύ! :)

th_Untitled-4.jpg

Link to comment
Share on other sites

Jaco, επειδή δεν ξέρω καθόλου από Flash, ούτε για τη δημιουργία ούτε για την ενσωμάτωση στο περιεχόμενο της σελίδας, θα ήθελα κάτι έτοιμο και free, αν υπάρχει.

Εναλλακτικά, θα μπορούσα να το υλοποιήσω με τη μορφή "tree", δηλαδή να εμφανίζονται τα στοιχεία από κάτω, πατώντας το όνομα, όπως είναι δηλαδή η εξερεύνηση των Windows... Αυτό νομίζω είναι πιο απλό και δεν πρέπει να χρειάζεται Flash...

Link to comment
Share on other sites

Ξέρεις ποιο είναι το πρόβλημα...?

μπορείς να κάνεις και κάποια animation με javascript σε ένα html και μπορεί να είναι και πολύ καλά, αλλά θέλει περισσότερο κώδικα και είναι πιο πολύπλοκο απ' ότι να το έκανες σε flash...

Link to comment
Share on other sites

υπάρχουν και άλλοι τρόποι χρησιμοποιούντας javascripts.

ένα πολύ απλό είναι να βάλεις κάποιο lightbox,multybox και να fadari η σελίδα.

http://www.phatfusion.net/multibox/

ένα άλλο είναι με javascript tooltips.

http://www.walterzorn.com/tooltip/tooltip_e.htm

αν θες να πας σε πιο advance ψαξου λίγο με AJAX

Link to comment
Share on other sites

D.J.AleXXX_gr, ευχαριστώ πολύ για το Multibox, θα το χρησιμοποιήσω σε κάποιο άλλο σημείο του site που έχει φωτογραφίες! :) :)

Τα tooltips δε νομίζω ότι θα διευκόλυναν πολύ.

JaguarOne, θα κοιτάξω λίγο αυτό που έδωσες!

Αν υπάρχουν άλλες προτάσεις, είναι ευπρόσδεκτες! :D

Link to comment
Share on other sites

Μπορείς να ασχοληθείς με jQuery. Ίσως το καλύτερο javascript framework (θα είναι ενσωματωμένο στο Visual Studio 10 της MS) που υπάρχει αυτή τη στιγμή και με πληθώρα από plugins.

Ένα plugin ενδεικτικά με το οποίο θα μπορούσες να κάνεις αυτό που ζητάς είναι το εξής:

http://jqueryfordesigners.com/demo/coda-bubble.html

Link to comment
Share on other sites

Κοίταξα το script.aculo.us που πόσταρε ο JaguarOne, αλλά μου φάνηκε αρκετά δύσκολο να το υλοποιήσω μόνος μου. Στο documentation είχε μόνο μερικά παραδείγματα που δεν ταίριαζαν σε αυτο που θέλω και δεν μπόρεσα να βγάλω άκρη. :...:

Υπάρχει κάτι άλλο? Κάποιο παρόμοιο παράδειγμα? Κάτι που να βοηθάει λίγο περισσότερο?

Ευχαριστώ πολύ :)

Link to comment
Share on other sites

Για την δουλεια που θες κανεις πρεπει να το υλοποιησεις με CSS + Javascript. Γενικα αν θες να κανεις κατι εντυπωσιακο στο Ιντερνετ πρεπει να μαθεις καλα CSS.

Δες λιγο τα παρακατω...το πρωτο το χρησιμοποιει το Πλαισιο και το δευτερο το eshop.

http://www.huddletogether.com/projects/lightbox/

http://www.lokeshdhakar.com/projects/lightbox2/

http://highslide.com/

Αν και ειναι κυριως για εικονες μπορεις να προσθεσεις κειμενο στο footer...

Το lightbox ειδικα ειναι πανευκολο στην χρηση.

Και η παρακατω σελιδα εχει μερικα πολυ ωραια εφε:

http://www.dynamicdrive.com/style/csslibrary/category/C4/

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Δημιουργία...

Important Information

Ο ιστότοπος theLab.gr χρησιμοποιεί cookies για να διασφαλίσει την καλύτερη εμπειρία σας κατά την περιήγηση. Μπορείτε να προσαρμόσετε τις ρυθμίσεις των cookies σας , διαφορετικά θα υποθέσουμε ότι είστε εντάξει για να συνεχίσετε.