GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΡΟΒΟΛΗ ΕΙΚΟΝΩΝ ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ

ΕΙΚΟΝΑ ΠΟΥ ΑΝΟΙΓΕΙ ΣΕ POPUP
ΠΡΟΒΟΛΗ ΕΙΚΟΝΩΝ ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ
Με τον παρακάτω σύντομο κώδικα μπορείτε να προβάλετε σε pop up window τις εικόνες που περιέχονται μέσα σε ένα αναπτυσόμενο μενού. Πάνω από την εικόνα μπορείτε να βάλετε και τίτλο, απλά αντικαταστήστε τους δικούς μου τίτλους εικόνων με τα κίτρινα γράμματα με τους δικούς σας. Τα links των εικόνων έχουν επισημανθεί με γαλάζιο χρώμα και πρέπει να βάλετε τα δικά σας στη θέση τους. Οι διαστάσεις των εικόνων πρέπει να είναι οι ίδιες. Ο κώδικας μπορεί να μπεί απλά σαν gadget ή ακόμα και μέσα σε σελίδες και αναρτήσεις όπως εδώ ακριβώς από κάτω.



<SCRIPT>
function display_image(form) {
selectionname = form.imagename.options[form.imagename.selectedIndex].text;
selection = form.imagename.options[form.imagename.selectedIndex].value;
PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=665,height=475");
PreView.document.open();
PreView.document.write("<form><left><b><font size=3>" +
selectionname + "</font></b><hr>");
PreView.document.write("<img hspace=0 vspace=0 " +
"src='" + selection + "'>");
PreView.document.write("<hr><form><onClick='window.close()'></form>");
PreView.document.write("</left>");
PreView.document.close();}
</SCRIPT>
<FORM>
<select name="imagename" onChange="display_image(this.form)" style="width:240px;background:#115599; color:#FFFFFF">
<option value="http://i.imgur.com/7X4wjWSl.jpg" selected>ΚΕΡΚΥΡΑ ΠΟΝΤΙΚΟΝΗΣΙ
<option value="http://i.imgur.com/gCr4ycDl.jpg">ΛΕΥΚΑΔΑ ΠΟΡΤΟ ΚΑΤΣΙΚΙ
<option value="http://i.imgur.com/qrKer61l.jpg">ΚΕΦΑΛΟΝΙΑ ΜΥΡΤΟΣ
<option value="http://i.imgur.com/Pq9Dexal.jpg">ΚΕΡΚΥΡΑ ΠΑΛΑΙΟΚΑΣΤΡΙΤΣΑ
<option value="http://i.imgur.com/oSC4D7Rl.jpg">ΣΚΙΑΘΟΣ ΚΟΥΚΟΥΝΑΡΙΕΣ
<option value="http://i.imgur.com/xHwALvDl.jpg">ΤΣΑΜΠΙΚΑ ΡΟΔΟΣ
<option value="http://i.imgur.com/3Jk6C5nl.jpg">ΠΟΤΑΜΙ ΣΑΜΟΣ
<option value="http://i.imgur.com/gptb8xnl.jpg">ΜΠΑΛΟΣ ΚΡΗΤΗ
<option value="http://i.imgur.com/H2PNDWBl.jpg">ΕΓΓΡΕΜΝΟΙ ΛΕΥΚΑΔΑ
<option value="http://i.imgur.com/qMMDdhYl.jpg">ΑΠΕΛΛΑ ΚΑΡΠΑΘΟΣ
</select></FORM>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.