Ελλάδα
801-1136624

Εμφάνιση εικόνας σε μεγαλύτερο παράθυρο (lighbox) και rollover
Icon Printer


ΒΗΜΑ 1: Εισάγετε τις εικόνες σας

1. Πατήστε πάνω στα Media
2. Πατήστε στο κουμπί Προσθήκη

 


Σε αυτό το παράδειγμα θα "ανεβάσουμε" 3 φωτογραφίες:

100x80color - Αυτή θα είναι η εικόνα που θα προσθέσουμε στη σελίδα μας. Προτείνουμε στους χρήστες μας να ρυθμίζουν τις διαστάσεις των εικόνων, πριν τις ανεβάσουν στο site, διαφορετικά θα πάρει πολύ χρόνο για να "ανέβουν".

100x80 BW - Αυτή είναι ίδια εικόνα με την προηγούμενη, στο ίδιο μέγεθος, αλλά ασπρόμαυρη. Θα χρησιμοποιήσουμε αυτή την εικόνα για να κάνουμε το rollover.

500x400a - Αυτή είναι η ίδια εικόνα με την πρώτη, αλλά σε μεγαλύτερο μέγεθος. Αυτή η εικόνα θα εμφανίζεται στο παράθυρο που θα ανοίγει (lightbox).

 


Μόλις "ανεβάσετε" τις φωτογραφίες θα εμφανιστούν στην ετικέτα Εικόνες.


 

ΒΗΜΑ 2: Σύρετε την εικόνα στη σελίδα σας

ΒΗΜΑ 2: Σύρετε την εικόνα στη σελίδα σας


Σύρετε τη μικρή έγχρωμη εικόνα στη σελίδα σας.



 

ΒΗΜΑ 3: Ρυθμίστε τις επιλογές της εικόνας

Πατήστε στο κουμπί Ρυθμίσεων ώστε να εμφανιστεί ο πίνακας επιλογών.

 


Στις επιλογές μπορείτε να δείτε τα 2 κουτάκια, στα οποία θα σύρουμε τις εικόνες μας.

 


Εισάγετε στο πρώτο κουτάκι την ασπρόμαυρη μικρότερου μεγέθους. Στη συνέχεια, σε κατάσταση Προεπισκόπησης ή Live, περνώντας το ποντίκι πάνω από την αρχική εικόνα θα βλέπετε την ασπρόμαυρη εικόνα.

Σύρετε τη μεγαλύτερη εικόνα στο δεύτερο κουτάκι για να δημιουργήσετε το lightbox. Όταν είστε σε κατάσταση Preview ή Live και πατάτε πάνω στην εικόνα μέσα στο site, θα ανοίγει ένα παράθυρο και θα σας εμφανίζει τη μεγαλύτερη εικόνα.

 


Αυτό είναι ένα παράδειγμα της μεγαλύτερης εικόνας σε νέο παράθυρο (Lightbox εικόνα). Για να τεστάρετε αυτές τις επιλογές θα πρέπει να βρίσκεστε στην Προεπισκόπηση.


 
Σχόλια Comments
Δεν υπάρχουν σχόλια σε αυτό το άρθρο. Γράψε πρώτος ένα σχόλιο.
ajax-loader.gif