[HTML][CSS] ułożenie img Opcje

[kamilo818]

Witam,
mam pewien problem. Mianowicie mam div'y o rozmiarze 320/180 a w nich zdjęcia. Problem jest taki że wszystkie zdjęcia (chodzi tu o zdjecia w orientacji pionowej height > width) przekręcają się do orintacji poziomej o 90 stopni. Używam swipebox'a do wyświetalania zdjęć i tu też wszystki zdjęcia w orintajcji poziomej są wyświetane. Jak wejdę w zródło izdjecia to wyświetal sie prawidłowo - pionowo.

Taki mam kod:

[PHP] pobierz, plaintext 
<a href="kategorie/mod/<?php echo $el['hash'];?>">
    <div class="category_box">
    <span id="title">
        <?php echo '#'.$el['hash'];?>
    </span>
        <div id="header_img">
            <img src="../<?php echo $el['image'];?>" alt=""/>
        </div>
    </div>
    </a>
[PHP] pobierz, plaintext 

[PHP] pobierz, plaintext 
 
div.category_box{
    vertical-align: top;
    display: inline-block;
    margin: 30px 1%;
    border: 1px solid #cccccc;
    width: 320px;
    height:auto;
    max-width: 97%;
    position: relative;
    cursor: pointer;
 
 
}
 
div.category_box span#title{
    position: absolute;
    top:-24px;
    left:0;
    right: 0;
    height:20px;
    text-align: left;
    font-family: FlexoDemi, sans-serif;
    font-size: 14px;
    color: #555555;
 
}
 
div.category_box #header_img{
    width: 320px;
    height: 180px;
    max-width: 100%;
    overflow: hidden;
}
 
div.category_box #header_img img{
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
}
[PHP] pobierz, plaintext 

Problem jej w moim kodzie? Czy o coś innego chodzi?

[kapslokk]

W tym kodzie nie widzę nic co może powodować ten problem. Pokaż JavaScript z wywołaniem Swipeboxa

[kamilo818]

Chyba swipe box nie ma nic z tym wspólnego bo zanim go odpale to miniaturki są tak samo poprzekręcane.

Teraz coś nowego.
Te 2 zdjecia, oba pionowe.
1. wyświetla się przekręcone a 2. normalnie w pionie.
Czy to chodzi o zdjęcie w takim razie?

o nawet po wklejeniu tutaj przekręca się do poziomu.
1.
2.

Ten post edytował kamilo818 11.08.2015, 08:32:34

[Pyton_000]

Tutaj to jest zapewne sprawka skryptu robiącego miniaturki.

[kapslokk]

Znalazłem coś takiego:
http://stackoverflow.com/questions/2707088...styled-img-tags

[kamilo818]

w manualu jest coś takiego

[PHP] pobierz, plaintext 
$image = imagecreatefromstring(file_get_contents($_FILES['image_upload']['tmp_name']));
$exif = exif_read_data($_FILES['image_upload']['tmp_name']);
if(!empty($exif['Orientation'])) {
    switch($exif['Orientation']) {
        case 8:
            $image = imagerotate($image,90,0);
            break;
        case 3:
            $image = imagerotate($image,180,0);
            break;
        case 6:
            $image = imagerotate($image,-90,0);
            break;
    }
}
// $image now contains a resource with the image oriented correctly
[PHP] pobierz, plaintext 

tylko teraz nie wiem jak użyć tej zmiennej $image.

var_dump zwraca:

[PHP] pobierz, plaintext 
resource(13) of type (gd) 
[PHP] pobierz, plaintext 

Domyślam się że powinienm coś przy uploadzie zmienić tutaj:

[PHP] pobierz, plaintext 
move_uploaded_file($file['tmp_name'], $UploadDirectory . $NewFileName)
[PHP] pobierz, plaintext 

-----------------------------
Rozwiązanie
-----------------------------

[PHP] pobierz, plaintext 
            function image_fix_orientation($filename) {
                $exif = exif_read_data($filename);
                if (!empty($exif['Orientation'])) {
                    $image = imagecreatefromjpeg($filename);
                    switch ($exif['Orientation']) {
                        case 3:
                            $image = imagerotate($image, 180, 0);
                            break;
 
                        case 6:
                            $image = imagerotate($image, -90, 0);
                            break;
 
                        case 8:
                            $image = imagerotate($image, 90, 0);
                            break;
                    }
 
                    imagejpeg($image, $filename, 90);
                }
            }
[PHP] pobierz, plaintext