Αναδυόμενο παράθυρο στις φωτογραφίες.

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

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

Απάντηση
diamag
Δημοσιεύσεις: 84
Εγγραφή: 28 Μάιος 2006 15:09

Αναδυόμενο παράθυρο στις φωτογραφίες.

Δημοσίευση από diamag » 13 Δεκ 2010 11:30

Φτιάχνω ένα site και θέλω ο επισκέπτης να πατάει πάνω στις φωτογραφίες και ν' ανοίγουν σε extra παράθυρο, μικρό (ανάλογα και με το μέγεθος της φωτογραφίας) στο κέντρο της σελίδας. Ένα παράδειγμα θα δείτε εδώ κάτω κάτω στο "Photo Gallery" (http://www.gazzetta.gr/show-bitch/item/ ... -Halloween). Sorry αλλά δεν βρήκα αλλού καλύτερο παράδειγμα.

Δουλεύω με frontPage και Dreamweaver.

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

Άβαταρ μέλους
Insurer
Δημοσιεύσεις: 391
Εγγραφή: 13 Απρ 2009 21:40
Τοποθεσία: Ακροκεραύνεια

Αναδυόμενο παράθυρο στις φωτογραφίες.

Δημοσίευση από Insurer » 13 Δεκ 2010 12:24

Υπάρχουν δύο τρόποι, ο ένας είναι με κάποιο javascript για popup με διαστάσεις που θέλεις και ο άλλος (πιο εύκολος πιστεύω) είναι να δουλέψεις με κάποιο free πρόγραμμα για html photo album πχ το jalbum-> http://jalbum.net/software

και δές αυτό το σχετικό tutorial http://www.youtube.com/watch?v=otI9ypE_ok4

Άβαταρ μέλους
takis1985
Δημοσιεύσεις: 1207
Εγγραφή: 17 Μάιος 2001 03:00
Τοποθεσία: lesvos
Επικοινωνία:

Αναδυόμενο παράθυρο στις φωτογραφίες.

Δημοσίευση από takis1985 » 13 Δεκ 2010 13:07

Υπάρχει και το lightbox Που μάλλον αυτό θες και μπορείς να το βρεις εδώ http://www.lokeshdhakar.com/projects/lightbox2/

Άβαταρ μέλους
Insurer
Δημοσιεύσεις: 391
Εγγραφή: 13 Απρ 2009 21:40
Τοποθεσία: Ακροκεραύνεια

Αναδυόμενο παράθυρο στις φωτογραφίες.

Δημοσίευση από Insurer » 13 Δεκ 2010 14:19

Εάν θές να το κάνεις manual
το javascript που πρέπει να βάλεις στην σελίδα σου

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

<script>
<!--
function imagePopUp&#40;img&#41; &#123;
html = "<html><head><title>Enlarged Image</title>" +  "</head><body style="margin&#58; 0px 0; text-align&#58;center; ">" +  "<IMG src='" + img + "'    BORDER=0 NAME=image " +  "onload='window.resizeTo&#40;document.image.width,&#40;document.image.height*1.3&#41;&#41;'>;" +  "</body></html>";
popup=window.open&#40;'','image','toolbar=0,location=0,  directories=0,menuBar=0, scrollbars=0,resizable=1'&#41;;
popup.document.open&#40;&#41;;
popup.document.write&#40;html&#41;;
popup.document.focus&#40;&#41;;
popup.document.close&#40;&#41;;
&#125;;  
//-->
</script>
και βάλε σαν link στο thumbnail link μορφής

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

<a href="javascript&#58;imagePopUp&#40;'../images/yourimage.gif'&#41;">Click to enlarge</a>

Απάντηση

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

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

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