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

[nickstamat]

Καλησπέρα!

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

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

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

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

[Jaco]

Αυτά τα κόλπα τα κάνεις με flash μόνο...

Υπάρχουν διάφορα πακέτα που φτιάχνουν flash animations, αλλά προσωπικά θα πήγαινα κατευθείαν στην πηγή, δηλαδή στην flash της adobe...

[nickstamat]

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

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

[Jaco]

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

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

[Qlim4X]

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

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

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

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

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

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

[JaguarOne]

γι'αυτό που θέλει να κάνει, html & javascript είναι παραπάνω από αρκετά.

εδώ ένα σουπερ javascript library, που αν το μάθεις κάνεις παπάδες.

http://script.aculo.us/

flash είναι για animations

[nickstamat]

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

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

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

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

[n1ck0s]

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

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

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

[nickstamat]

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

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

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

[kallileo]

Για την δουλεια που θες κανεις πρεπει να το υλοποιησεις με 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/