Lightbox πρόβλημα με Chrome

[dj dados]

Καλημέρα, έχω ένα πρόβλημα στην ιστοσελίδα που έχω φτιάξει. Την έχω δημιουργήσει από την αρχή με html και php και έχω ενσωματώσει το lightbox για να προβάλλω κάποιες φωτογραφίες που ανακτώνται από μία database. Το πρόβλημα στην προβολή τους είναι μόνο με τον chrome όπου είναι πολύ συμπιεσμένες σε width ενώ τραβιούνται πολύ προς τα κάτω (height). Σε firefox, explorer και opera που το έχω τεστάρει δουλεύουν μια χαρά.

Τι πρόβλημα μπορεί να υπάρχει; Καμία ασυμβατότητα με τον apache στον server ίσως, γιατί έχει εγκατεστημένη αρκετά παλιά έκδοση, συγκριτικά με αυτή που τρέχει το wamp π.χ. Κάθε βοήθεια και συμβουλή ευπρόσδεκτη.

Ευχαριστώ εκ των προτέρων.

[varemarious]

πρέπει να ορίσεις ύψος στη φωτογραφία..

αν έχεις βάλει height:100% ή height:auto τότε ο chrome σου βγάζει αυτό το πρόβλημα

[dj dados]

ΟΚ θα το κοιτάξω. Είχα βάλει ύψος 100%. Σε ευχαριστώ πολύ για τη βοήθεια.

Το θέμα είναι ότι έχω και portrait και landscape φωτογραφίες, οπότε και να φτιάξω ένα στάνταρ ratio πλάτους-ύψους για τις landscape, θα μου βγαίνουν εντελώς λάθος οι portrait. Επίσης δεν μπορώ να έχω ίδιες διαστάσεις πλάτους-ύψους (τετράγωνο δηλαδή) γιατί έχω αλλοίωση των φωτογραφιών. Καμιά ιδέα πάνω σε αυτό.

 

Να 'σαι καλά και πάλι!

[varemarious]

δοκίμασε να ορίζεις max-height το μέγιστo που θα έχουν οι φωτόγραφίες και άσε το height 100%. έτσι το μέγιστο ύψος που θα παίρνει θα είναι η τιμή του max-height

[dj dados]

Το max-height θα το βάλω στον κώδικα του lightbox κάπου; Επίσης αν μετά βάλω 100% τότε τα thumbnails μου θα παίρνουν την τιμή του max-height;

[varemarious]

ναι θα πρέπει να του ορίσεις max height στο lightbox και μετά θα παίρνει αυτό το ύψος.

[dj dados]

Επειδή έχω μπερδευτεί λιγάκι ως προς το πού θα ορίσω τις τιμές για το ύψος, παραθέτω το τμήμα κώδικα που χρησιμοποιώ για να προβάλλω τις φωτογραφίες:

 

><td> <a href="<?php echo $row_eventphotos['albumphotofile']; ?>" rel="lightbox[roadtrip]" title="<?php echo $row_eventphotos['albumphotolegend']; ?>"><img src="<?php echo $row_eventphotos['albumphotofile']; ?>" width="100%" height="100%"/></a> </td>

 

Αν εδώ βάλω width=200 και height=150 για παράδειγμα, μου βγαίνουν ικανοποιητικές οι μικρογραφίες. Το πρόβλημα είναι ότι χαλάει εν μέρει η αναλογία διαστάσεων της φωτογραφίας (αφού πλέον οι διαστάσεις είναι fixed) και προφανώς υπάρχει πρόβλημα στην προβολή όσων μικρογραφιών είναι portrait, όπου χαλάνε εντελώς οι διαστάσεις.

 

Μπορείς να μου πεις τι ακριβώς πρέπει να αλλάξω στον παραπάνω κώδικα ή στον κώδικα του lightbox και σε ποιο σημείο ούτως ώστε να έχω παράθυρο συγκεκριμένων διαστάσεων, αλλά η φωτογραφίες να μικραίνουν κατά ανάλογες διαστάσεις χωρίς να παραμορφώνονται; Ευχαριστώ και πάλι για το χρόνο σου!

[varemarious]

Δοκίμασε να ορίσεις στην CSS μήπως και παίξει έτσι.

 

img

{

max-height: το ύψος σε px;

}

 

για τον κώδικα του lightbox θα πρέπει να μας δώσεις το script για να δούμε πως το έχεις φτιάξει.

[dj dados]

Το lightbox μου το έστειλε ένας φίλος, δεν ξέρω πόσο το έχει πειράξει, αλλά κατά βάση το πήρε έτοιμο νομίζω. Ανεβάζω εδώ και το css αρχείο για το lightbox αν μπορείς να του ρίξεις μια ματιά. Έχω και ένα javascript αρχείο αλλά δεν μπορώ να το επισυνάψω εδώ. Αν το χρειάζεσαι μπορείς να μου δώσεις ένα mail για να σου το στείλω.

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

lightbox.css

[varemarious]

έχεις pm

[varemarious]

><td> <a href="<?php echo $row_eventphotos['albumphotofile']; ?>" rel="lightbox[roadtrip]" title="<?php echo $row_eventphotos['albumphotolegend']; ?>"><img src="<?php echo $row_eventphotos['albumphotofile']; ?>" width="100%" height="100%"/></a> </td>

 

 

 

στο κώδικα σου βάλε height="auto" και το πρόβλημα σου λύνεται..

 

δοκίμασε το και πες μου

[dj dados]

Δουλεύουν όλα με το "Auto". Είχα πρόβλημα σε μία κατηγορία, αλλά πρόσθεσα κάτι ακόμη που έλειπε στον κώδικα και είναι όλα ΟΚ τώρα.

Σε ευχαριστώ πάρα πολύ, με βοήθησες απίστευτα!

[dj dados]

Καλημέρα, προέκυψε άλλο ένα θεματάκι για το οποίο θα ήθελα βοήθεια.

 

<---Λύθηκε--->

[varemarious]

θα πρέπει να βάλεις το κώδικα που έχεις γράψει.. για να πάρεις απάντηση.

[dj dados]

Χρησιμοποιώ τον flash player για να ανοίξω αρχεία ήχου που έχω αποθηκεύσει στην database με τον παρακάτω κώδικα:

><object type="application/x-shockwave-flash" data="audio/player.swf" id="audioplayer1" height="50" width="300">
<param name="movie" value="audio/player.swf">
<param name="FlashVars" value="playerID=audioplayer1&soundFile=<?php echo $_GET['filename']; ?>">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">

 

Επειδή μία άλλη εγγραφή στη database έχει πολλά αρχεία mp3 έχω φτιάξει μία στατική σελίδα html όπου έχω προσθέσει τον ίδιο κώδικα για να ενσωματώσω τον player δίπλα από τον τίτλο του κάθε αρχείου. Το μόνο που έχω αντικαταστήσει είναι το

><?php echo $_GET['filename']; ?>">

με το όνομα του αρχείου π.χ folder/track1.mp3.

 

Το πρόβλημα είναι ότι στο html αρχείο δε μου εμφανίζει καθόλου τον player.Αν δοκιμάσω το path του αρχείου απευθείας στον browser μου το ανοίγει κανονικά. Βλέποντας τον πηγαίο κώδικα και για τις δύο περιπτώσεις δεν υπάρχει καμία διαφορά στο σημείο του flash player. Κάποια βοήθεια ως προς αυτό;

 

Επίσης προβάλλω αρχεία pdf που έχω αποθηκεύσει στη βάση με τον παρακάτω κώδικα:

><embed src="<?php echo $_GET['filename']; ?>" width="700" height="700"></embed>

 

Στον firefox εμφανίζονται πιάνοντας όλο το πλάτος του παραθύρου που έχω φτιάξει, ενώ στον Chrome μου βγάζει οριζόντια scroll bar. Υπάρχει κάποια παράμετρος που μπορώ να βάλω στον κώδικα ώστε by default να βγαίνει fixed πλάτος σύμφωνα με το πλάτος του παραθύρου;

 

Ευχαριστώ πολύ για κάθε βοήθεια!